12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <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>
|