Z: Dot: VoucherList css change.

ybf_wx/src/views/sideNav/discount/index.vue

@@ -10,7 +10,7 @@
           <div class="button" @click="zReadyDelVoucherList">Clear</div>-->
           <div class="button" @click="zReadySetVoucherList">ReLoad</div>
         </div>
-        <div class="lists">
+        <!-- <div class="lists">
           <div
             class="item"
             v-for="item in zlist.voucher"
@@ -22,39 +22,50 @@
             <div>活动标题: {{ item.coupon_title }}</div>
             <div>活动列表: {{ item.coupon_link }}</div>
           </div>
-        </div>
+        </div>-->
 
-        <div class="lists">
+        <!-- <div class="lists">
           <div v-if="zlist.voucherUrl !== ''" class="voucherUrl">
             <div @click="zpick">小程序Url: {{ zlist.voucherUrl }}</div>
           </div>
-          <!--<div class="item"></div>-->
-          <!--<div class="item"></div>-->
-        </div>
+        </div> -->
       </div>
 
-      <div v-for="(item, index) of test.list.main" :key="index">
+      <div
+        v-for="item of zlist.voucher"
+        :key="item.coupon_id"
+        @click="zVoucherPick(item.action_id, item.coupon_id)"
+      >
         <div class="content">
           <div class="content-imgs">
-            <img class="imgs-img" :src="item.imgUrl" alt />
+            <img class="imgs-img" :src="zcache.defaultImgUrl" alt />
           </div>
           <div class="content-infos">
             <div class="infos-mains">
               <div class="mains">
-                <div class="main-usedPercent">核销率{{item.usedPercent}}%</div>
-                <div class="main-money">{{item.money}}元代金券</div>
+                <div class="main-usedPercent">活动ID：{{item.action_id}}</div>
+                <div class="main-money">{{item.coupon_title}}</div>
               </div>
               <div class="buttons">
                 <button class="button-send" @click="testEaPost">推送</button>
               </div>
             </div>
             <div class="infos-tips">
-              <div class="tip-shareMan">最后分享：{{item.shareMan}}</div>
-              <div class="tip-commision">佣金：¥ {{item.commision}}</div>
+              <div class="tip-shareMan">优惠券ID：{{item.coupon_id}}</div>
+              <!-- <div class="tip-commision">佣金：¥ {{item.commision}}</div> -->
             </div>
           </div>
         </div>
       </div>
+
+      <div class="zListActive">
+        <div class="lists">
+          <div v-if="zlist.voucherUrl !== ''" class="voucherUrl">
+            <div @click="zpick">小程序Url:</div>
+            <div @click="zpick">{{ zlist.voucherUrl }}</div>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="menus">
       <div class="menu" @click="buttonMainMarketingClick">精准营销</div>
@@ -83,7 +94,8 @@ export default {
       zcache: {
         storeId: 1,
         userId: "",
-        userInfo: ""
+        userInfo: "",
+        defaultImgUrl: "/mainSale/test-city.png"
       },
       zlist: {
         voucher: [],
@@ -383,7 +395,8 @@ export default {
 
 .main-money {
   /* border: 1px solid lightgreen; */
-  font-size: 24px;
+  /* font-size: 24px; */
+  font-size: 20px;
 }
 
 .buttons {
@@ -477,6 +490,7 @@ export default {
   /*border: 1px solid limegreen;*/
   width: 100%;
   height: auto;
+  margin-bottom: 16px;
 
   display: flex;
   flex-direction: column;
@@ -554,9 +568,9 @@ export default {
 
   display: flex;
   flex-direction: column;
-  justify-content: space-around;
+  justify-content: center;
   align-items: flex-start;
   font-size: 14px;
-  text-wrap: none;
+  /* text-wrap: none; */
 }
 </style>