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