Browse Source

optimize:用户预约表UI调整

haopeng 2 years ago
parent
commit
5611120b17
1 changed files with 5 additions and 6 deletions
  1. 5 6
      src/pages/home/index.vue

+ 5 - 6
src/pages/home/index.vue

@@ -16,12 +16,12 @@
16
     </div>
16
     </div>
17
     <div class="order-list">
17
     <div class="order-list">
18
       <div class="title">预约订单列表</div>
18
       <div class="title">预约订单列表</div>
19
+      <div class="detail-list" v-if="orderList.length"><span @click="toDetailList">客户预约表</span></div>
19
       <div class="list-info">
20
       <div class="list-info">
20
         <van-list v-model="loading"
21
         <van-list v-model="loading"
21
                   :finished="finished"
22
                   :finished="finished"
22
                   finished-text="没有更多了"
23
                   finished-text="没有更多了"
23
                   @load=" getToday ">
24
                   @load=" getToday ">
24
-          <div class="detail-list" v-if="orderList.length"><span @click="toDetailList">客户预约表</span></div>
25
           <div class="user-info"
25
           <div class="user-info"
26
                v-for="(item,index) in orderList"
26
                v-for="(item,index) in orderList"
27
                :key="index"
27
                :key="index"
@@ -235,15 +235,14 @@ export default {
235
       text-align: left;
235
       text-align: left;
236
       padding-bottom: 5px;
236
       padding-bottom: 5px;
237
     }
237
     }
238
+    .detail-list {
239
+      text-align: right;
240
+      color: #FA7D22;
241
+    }
238
 
242
 
239
     .list-info {
243
     .list-info {
240
       height: 450px;
244
       height: 450px;
241
       overflow: auto;
245
       overflow: auto;
242
-
243
-      .detail-list {
244
-        text-align: right;
245
-        color: #FA7D22;
246
-      }
247
       .user-info {
246
       .user-info {
248
         padding: 14px 0;
247
         padding: 14px 0;
249
         border-bottom: 1px solid #e6e6e6;
248
         border-bottom: 1px solid #e6e6e6;