<template>
	<view class="order-pages">
		<u-cell-group>
			<u-cell-item title="订单状态" :arrow="false">
				<view slot="right-icon">
					<text class="order-finish">已完成</text>
				</view>
			</u-cell-item>
			<u-cell-item title="订单编号" :arrow="false" value="BD426464654646466"></u-cell-item>
			<u-cell-item title="创建时间" :arrow="false" value="2020-12-25 12:45:36"></u-cell-item>
			<u-cell-item title="服务网点" :arrow="false" value="西部大道点"></u-cell-item>
			<u-cell-item title="服务项目" :arrow="false" value="标准洗车"></u-cell-item>
			<u-cell-item title="手机号" :arrow="false" value="1370946191"></u-cell-item>
			<u-cell-item title="支付方式" :arrow="false" value="微信支付"></u-cell-item>
			<u-cell-item title="应付金额" :arrow="false" value="￥30"></u-cell-item>
			<u-cell-item title="优惠价" :arrow="false" value="5元代金卷"></u-cell-item>
			<u-cell-item title="实付金额" :arrow="false">
				<text class="order-price">￥25</text>
			</u-cell-item>
		</u-cell-group>
		<view class="order-photo">
			<view>洗车前</view>
			<u-image width="100%" height="400rpx" :src="src"></u-image>
			<view>洗车后</view>
			<u-image width="100%" height="400rpx" :src="src"></u-image>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				src: ''
			}
		},
	}
</script>

<style lang="scss">
	.order-pages{
		width: 100%;
		.u-cell{
			padding:10rpx 32rpx;
		}
		.order-photo{
			padding:0 30rpx;
			>view{
				text-align: center;
				padding: 20rpx;
			}
		}
		.order-finish{
			color: #00aa00;
		}
		.order-unPay{
			color: #ff0000;
		}
		.order-cansel{
			color: #7e7b88;
		}
		.order-price{
			font-size: 36rpx;
			color: red;
		}
	}
</style>
