压缩图片

index.html

@@ -78,7 +78,7 @@
       min-height: 100vh;
       overflow: hidden;
       position: relative;
-      background-color: #a1daff;
+      /* background-color: #a1daff; */
     }
 
     ::-webkit-scrollbar {
@@ -171,18 +171,17 @@
     }
 
     .huadongrequ {
-      top: .27rem;
-      height: 1.85rem;
+      top: .51rem;
+      height: 2.6rem;
     }
 
     .remenhuodong {
-      top: 3.1rem;
+      top: 3.8rem;
     }
     .change-place {
-      top: 5rem;
+      top: 5.8rem;
       position: absolute;
       width: 7.5rem;
-      height: 6rem;
     }
     .jinxuandapai {
       top: 0;
@@ -242,7 +241,7 @@
     }
     .bottom-container {
       position: absolute;
-      top: 14.2rem;
+      top: 14.9rem;
       width: 7.5rem;
       height: 9.8rem;
     }
@@ -277,15 +276,29 @@
       left: .3rem;
     }
     .center-square {
-      left: 2.8rem;
+      left: 2.71rem;
     }
     .right-square {
-      right: .25rem;
+      right: .34rem;
     }
     .swiper-img {
       width: 100%;
-      height: 100%;
-      object-fit:contain;
+      object-fit:cover;
+    }
+    .swiper-pagination {
+      position: absolute;
+      bottom: -10px!important;
+    }
+    .swiper-pagination-bullet  {
+      opacity: 1;
+      background-color: transparent;
+      border: 1px solid rgba(0, 0, 0, 0.7);
+      width: 4px;
+      height: 4px;
+      margin: 0 2px!important;
+    }
+    .swiper-pagination-bullet-active {
+      background-color: rgba(0, 0, 0, 0.7);
     }
   </style>
   <!-- 二级页面 每日品牌好券 -->
@@ -363,6 +376,9 @@
     .top-11-6 {
       top: 11.6rem;
     }
+    .top-13-3 {
+      top: 13.3rem;
+    }
     .left-64 {
       left: .64rem;
     }
@@ -397,9 +413,9 @@
       <div class="independent huadongrequ swiper-container">
         <div class="swiper-wrapper">
           <!-- 推荐有礼 -->
-          <div class="swiper-slide" onclick="jumpUrl('home',1)">
+          <!-- <div class="swiper-slide" onclick="jumpUrl('home',1)">
             <img class="swiper-img" src="baner_card.png" alt="" srcset="">
-          </div>
+          </div> -->
           <!-- 推荐办卡 畅想京东E卡 -->
           <div class="swiper-slide" onclick="jumpUrl('home',2)">
             <img class="swiper-img" src="banner_tuijian.png" alt="" srcset="">
@@ -410,17 +426,18 @@
           </div>
           <!-- 办visa冬奥卡冰墩墩自由 -->
           <div class="swiper-slide" onclick="jumpUrl('home',4)">
-            <img class="swiper-img" src="baner_bangka.png" alt="" srcset="">
+            <img class="swiper-img" src="baner_bingdundun.png" alt="" srcset="">
           </div>
           <!-- inefriends粉丝信用卡 -->
-          <div class="swiper-slide" onclick="jumpUrl('home',5)">
+          <!-- <div class="swiper-slide" onclick="jumpUrl('home',5)">
             <img class="swiper-img" src="baner_card.png" alt="" srcset="">
-          </div>
+          </div> -->
           <!-- 建行绑卡会 -->
           <div class="swiper-slide" onclick="jumpUrl('home',6)">
             <img class="swiper-img" src="baner_bangka.png" alt="" srcset="">
           </div>
         </div>
+        <span class="swiper-pagination"></span>
       </div>
       <!-- 热门活动 -->
       <div onclick="jumpUrl('home',7)" class="independent remenhuodong"></div>
@@ -491,6 +508,7 @@
         <span class="brand-small-btn top-9-8  right-2-2" onclick="jumpUrl('thursday',8)"></span>
         <span class="brand-small-btn top-11-6 left-0-54" onclick="jumpUrl('thursday',9)"></span>
         <span class="brand-small-btn top-11-6 right-2-2" onclick="jumpUrl('thursday',10)"></span>
+        <span class="brand-small-btn top-13-3 left-0-54" onclick="jumpUrl('thursday',11)"></span>
       </div>
     </div>
 
@@ -530,11 +548,10 @@
   autoplay: true,
   delay: 3000,
   loop: true,
-    // on: {
-    //   slideChangeTransitionStart: async (e) => {
-    //     console.log('onSlideChange ', e.realIndex)
-    //   },
-    // }
+    pagination: {
+      el: '.swiper-pagination',
+      clickable :true,
+    },
   })
 </script>
 
@@ -641,15 +658,17 @@
       // 运城专享
       5: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220707080000000285&REGION_CODE=140800',
       // 晋城专享
-      6: '',
+      6: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220713070000000148&REGION_CODE=140500',
       // 临汾专享
-      7: '',
+      7: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220713070000000147&REGION_CODE=141000',
       // 朔州专享
-      8: '',
+      8: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220713080000000175&REGION_CODE=140600',
       // 阳泉专享
-      9: '',
+      9: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220713080000000177&REGION_CODE=140300',
       // 忻州分行
-      10: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220707080000000781&REGION_CODE=140900'
+      10: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220707080000000781&REGION_CODE=140900',
+      // 吕梁分行
+      11: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/index.html#/couponDiscountActivity?ACT_ID=20220713080000000384&REGION_CODE=141100'
     }
   };
 
@@ -706,7 +725,7 @@
       action: "share",
       params: {
         // share_id:'',
-        text: "优惠多多，诚意满满。",
+        text: "晋享信用生活，多重信用卡好礼优惠等你参与",
         title: "信用卡专享优惠-惠满三晋",
         url: window.location.href,
         image: "https://yun.duiba.com.cn/aurora/assets/af77c5352fe74771e495623b86dd4ed683a4ff59.png",