缺省图

pages/activity/doubleEleven/index.vue

@@ -11,8 +11,16 @@
       </div>
     </van-overlay>
 
+ 
       <div class="double-eleven-container">
 
+        <div class="default" v-if="!couponsList.length">
+          <img src="~/assets/image/activity/double-eleven/couponbj.png" width="100%" >
+          <div class="default-img" >
+            <img src="~/assets/image/activity/double-eleven/default.png" >
+            暂无优惠券哦～
+          </div>
+        </div>
          <!-- <div class="coupon" >
           <div class="let-title">
             <div><span>7</span>折</div>
@@ -517,4 +525,19 @@ img{
   .login{
     background-color:transparent;
   }
+  .default{
+    width:100%;
+    position: relative;
+    border-radius: 24px;
+    .default-img{
+      position: absolute;
+      top: calc(50% - 50px);
+      left: calc(50% - 50px);
+      color: #333;
+      img {
+        width: 100px;
+        margin-bottom: 20px;
+      }
+    }
+  }
 </style>

pages/activity/doubleEleven/pc.vue

@@ -12,6 +12,14 @@
       </van-overlay>
   
         <div class="double-eleven-container">
+
+          <div class="default" v-if="!couponsList.length || 1===1">
+          <img src="~/assets/image/activity/double-eleven/couponbj.png" width="100%" >
+          <div class="default-img" >
+            <img src="~/assets/image/activity/double-eleven/default.png" >
+            暂无优惠券哦～
+          </div>
+          </div>
   
            <!-- <div class="coupon" >
             <div class="let-title">
@@ -496,6 +504,23 @@
     .login{
       background-color:transparent;
     }
+
+    .default{
+    width:100%;
+    position: relative;
+    border-radius: 24px;
+    font-size: 14px;
+    .default-img{
+      position: absolute;
+      top: calc(50% - 60px);
+      left: calc(50% - 50px);
+      color: #333;
+      img {
+        width: 100px;
+        margin-bottom: 20px;
+      }
+    }
+  }
 }
   </style>