li-guang
2020-12-23 935f34238713b63a1f44fb12d09cd2512b1bd46d
hive-app/pages/workbench/orderList.vue
@@ -18,7 +18,7 @@
            }"
         />
         <view class="list">
            <view class="list-item" v-for="item in 4">
            <navigator url="./orderDetail" class="list-item" v-for="item in 4">
               <view class="list-header">
                  <text>订单号: N202012123556</text>
                  <text class="blue">待付款</text>
@@ -42,32 +42,7 @@
               <view class="list-footer">
                  <text class="blue-btn small-btn">取消订单</text>
               </view>
            </view>
         </view>
         <view class="order">
            <view class="flex justify-between order-number">
               <text class="font-14">订单号: N202012123556</text>
               <text class="font-14 blue">已完成</text>
            </view>
            <view class="flex justify-between order-content">
               <view class="flex flex-v">
                  <text class="font-12">李某某</text>
                  <text class="font-12 gray mt-10">2020-12-15 18:11:01</text>
               </view>
               <view class="flex flex-v">
                  <text class="font-12">应付金额</text>
                  <text class="font-12 mt-10">实付金额</text>
               </view>
               <view class="flex flex-v">
                  <text class="font-12">¥ 8000.00</text>
                  <text class="font-12 mt-10">¥ 8000.00</text>
               </view>
            </view>
            <view class="flex justify-end">
               <navigator url="./orderDetail">
                  <button class="blue-btn small-btn">查看详情</button>
               </navigator>
            </view>
            </navigator>
         </view>
      </view>
   </view>
@@ -111,7 +86,7 @@
      background: #F6F6F8;
   }
   .header{
      padding: 10px;
      padding: 10px 10px 5px;
      background: #FFFFFF;
   }
   .tab{
@@ -123,25 +98,27 @@
      border-radius: 4px;
      margin: 10px;
      color: #3a3f3f;
      border: 1px solid #EDEAF4;
      padding: 0 10px;
   }
   .list-header{
      display: flex;
      justify-content: space-between;
      padding: 12px 15px;
      padding: 12px 0;
      font-size: 15px;
      border-bottom: 1px solid #EDEAF4;
   }
   .list-content{
      display: flex;
      justify-content: space-between;
      padding: 12px 15px;
      padding: 12px 0;
      font-size: 14px;
      line-height: 28px;
   }
   .list-footer{
      display: flex;
      justify-content: flex-end;
      padding: 10px 15px;
      padding: 10px 0;
      border-top: 1px solid #EDEAF4;
   }
</style>