新增 物流信息无数据提醒

src/components/logistics.vue

@@ -4,7 +4,12 @@
     <h1 class="logistics-title">我的快递</h1>
 
     <ol class="logistics-list">
-      <li class="item" v-for="item in list">
+
+      <li class="no-result" v-if="!list.length">
+        暂无数据
+      </li>
+
+      <li class="item" v-else-if="list.length && list[0] != 0" v-for="item in list">
         <div class="item-header">
           <h2>{{item.goods_title}}</h2>
         </div>
@@ -41,7 +46,7 @@
     name: "order",
     data() {
       return {
-        list: [],
+        list: [0],
       }
     },
     filters: {
@@ -85,12 +90,21 @@
 
   .logistics-list {
     padding: 0 15*@toVw;
+    .no-result {
+      height: 80vh;
+      line-height: 80vh;
+      color: #999;
+      font-size: 16*@toVw;
+      text-align: center;
+    }
+
     .item {
       margin-bottom: 10*@toVw;
       padding: 15*@toVw;
       background:rgba(255,255,255,1);
       box-shadow:0*@toVw 2*@toVw 6*@toVw 0*@toVw rgba(0,0,0,0.15);
       border-radius:18*@toVw;
+
       .item-header {
         padding-bottom: 10*@toVw;
         //border-bottom: solid 1*@toVw #E2E2E2;