<template>
	<view class="content-orderDetails">
		<view class="flex justify_center align_center order-states">
			<u-image src="/static/order/prescription_order_icon_pay.png" width="48" height="48"></u-image>
			<text>已完成</text>
		</view>
		<view class="flex justify_center order-time">下单时间：2020-12-12 02:02:23</view>
		<view class="order-info">
			<view class="flex justify_between item">
				<text>店铺名称</text>
				<text>华帝金座（菜鸟驿站）</text>
			</view>
			<view class="flex justify_between item">
				<text>订单编号</text>
				<text>20202020202020</text>
			</view>
			<view class="flex justify_between item">
				<text>服务骑手</text>
				<text>张三</text>
			</view>
		</view>
		<view class="order-info">
			<view class="flex justify_between item">
				<text>下单用户</text>
				<text>18292887584</text>
			</view>
		</view>
		<view class="order-info">
			<view class="flex flex_column item type">
				<view>回收品类明细</view>
				<view></view>
			</view>
			<view class="flex justify_between item">
				<text>黄纸1.2元/千克</text>
				<text>5千克/6元</text>
			</view>
			<view class="flex justify_between item">
				<text>黄纸1.2元/千克</text>
				<text>5千克/6元</text>
			</view>
			<view class="flex justify_between item">
				<text>黄纸1.2元/千克</text>
				<text>5千克/6元</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.content-orderDetails{
		width: 100%;
		height: 100vh;
		padding: 44upx 32upx;
		background-color: #f5f5f5;
		.order-states{
			margin-bottom: 10upx;
			text{
				display: inline-block;
				margin: 0 10upx;
				font-size: 42upx;
				color: #191919;
			}
		}
		.order-time{
			margin-bottom: 30upx;
		}
		.order-info{
			margin-bottom: 20upx;
			background: #FFFFFF;
			border-radius: 24upx;
			font-weight: 400;
			color: #191919;
			.item{
				padding: 30upx;
				border-bottom: 1px soild #bbb;
				// &:first-child{
				// 	color: #7C7D7E;
				// }
			}
			.item>text:first-child{
				color: #7C7D7E;
			}
			.type{
				color: #7C7D7E;
			}
		}
	}
</style>
