第二次迭代内容

index.html

@@ -176,11 +176,13 @@
 
     .huadongrequ {
       top: .51rem;
-      height: 2.6rem;
+      height: 2.8rem;
     }
 
     .remenhuodong {
       top: 3.8rem;
+      height: 2.25rem;
+      /* background: red; */
     }
     .change-place {
       top: 5.8rem;
@@ -289,9 +291,18 @@
       width: 100%;
       object-fit:cover;
     }
-    .swiper-pagination {
+    .swiper-pagination,.swiper-pagination-re {
       position: absolute;
-      bottom: -10px!important;
+      bottom: -50px;
+      z-index: 5;
+      display: flex;
+      justify-content: center;
+      align-items: flex-end;
+      width: 100%;
+      height: 20px;
+    }
+    .swiper-pagination-re {
+      bottom: 0px!important;
     }
     .swiper-pagination-bullet  {
       opacity: 1;
@@ -300,6 +311,7 @@
       width: 4px;
       height: 4px;
       margin: 0 2px!important;
+      display: block;
     }
     .swiper-pagination-bullet-active {
       background-color: rgba(0, 0, 0, 0.7);
@@ -328,7 +340,7 @@
     }
     .brand-small-btn {
       position: absolute;
-      width: 1.2rem;
+      width: 1.6rem;
       height: .4rem;
       border-radius: .15rem;
     }
@@ -447,7 +459,19 @@
         <span class="swiper-pagination"></span>
       </div>
       <!-- 热门活动 -->
-      <div onclick="jumpUrl('home',7)" class="independent remenhuodong"></div>
+      <div class="independent remenhuodong swiper-container">
+        <div class="swiper-wrapper">
+          <!-- 热门活动 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',7)">
+            <img class="swiper-img" src="b_popular_activities.png" alt="" srcset="">
+          </div>
+          <!-- 优惠嘉年华 -->
+          <div class="swiper-slide" onclick="showPop('TaobaoWeekHui')">
+            <img class="swiper-img" src="b_preferential_carnival.png" alt="" srcset="">
+          </div>
+        </div>
+        <span class="swiper-pagination-re"></span>
+      </div>
       <!-- 位置可换的div -->
       <div class="change-place">
         <!-- 周四专享 -->
@@ -544,6 +568,14 @@
         <span class="brand-small-btn left-4 top-16-52" onclick="jumpUrl('brand',11)"></span>
       </div>
     </div>
+
+    <!-- 二级页面- 优惠嘉年华，淘宝周周惠-->
+    <div  class="secondPage" id="TaobaoWeekHui">
+      <img class="bg-Brand" src="discounts_bg.png" />
+      <div class="position-container">
+        <img class="backbtn" onclick="goBack()" src="backbtn.png" />
+      </div>
+    </div>
     <div id="toast"></div>
   </div>
 </body>
@@ -560,6 +592,16 @@
       clickable :true,
     },
   })
+
+  new Swiper('.remenhuodong', {
+    autoplay: true,
+    delay: 3000,
+    loop: true,
+      pagination: {
+        el: '.swiper-pagination-re',
+        clickable :true,
+      },
+    })
 </script>
 
 <script>
@@ -633,7 +675,7 @@
       // 山西乐活节
       1: 'https://yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/#/lifeGuide',
       // 每日好卷 商超/轻食
-      2: 'https://res.yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/#/couponDetail/194314 ?couponType=msps',
+      2: 'https://res.yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/#/couponDetail/194314?couponType=msps',
       // 一元吃早餐
       3: 'https://res.yunbusiness.ccb.com/gbchannel/e_report/CCBLIFE/#/couponDetail/192895?couponType=msps',
       // 唐久 满30-10元
@@ -878,6 +920,9 @@
       case 'GoodBrandPage': // 信用卡每日品牌好券
         document.title='信用卡每日品牌好券'
         break;
+      case "TaobaoWeekHui":
+        document.title='建行信用卡 优惠嘉年华';
+        break;
       default: 
       document.title='信用卡专享优惠-惠满三晋'
     }