Explorar el Código

optimize:用户预约表UI调整

haopeng hace 2 años
padre
commit
5611120b17
Se han modificado 1 ficheros con 5 adiciones y 6 borrados
  1. 5 6
      src/pages/home/index.vue

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

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