1

README.md

 # Shanxi_CCB_Card
 
 源码交付项目
-
-小米分期 还没给链接
-
-swiper 
-
-周四专享 顺序位
-
-首页切图
\ No newline at end of file

index.html

@@ -8,8 +8,10 @@
 
   <meta name="viewport"
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" />
+    <!-- 百度地图sdk 判断是否是上海用户 -->
   <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=DD279b2a90afdf0ae7a3796787a0742e"></script>
 
+  <!-- swiper cdn -->
   <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.1/swiper-bundle.min.js"></script>
   <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.1/swiper-bundle.min.css" rel="stylesheet">
   <!-- 这里是浏览器适配 -->
@@ -101,22 +103,6 @@
       pointer-events: none;
     }
 
-    .banner {
-      width: 6.8rem;
-      height: 2.1rem;
-      position: absolute;
-      left: 0.36rem;
-      pointer-events: auto;
-      /* background-color: rgba(0, 0, 0, 0.7); */
-    }
-
-    .meizhuang {
-      top: 7.3rem;
-    }
-
-    .wenlv {
-      top: 9.7rem;
-    }
 
     .secondPage {
       position: relative;
@@ -133,45 +119,6 @@
       z-index: 888;
     }
 
-    .bgMeiZhuang,
-    .bgWenLv {
-      width: 100%;
-    }
-
-    .links0 {
-      width: 1.5rem;
-      height: 1.5rem;
-      top: 11.1rem;
-      right: 1rem;
-      position: absolute;
-      /* background-color: rgba(0, 0, 0, 0.7); */
-    }
-
-    .voucher {
-      width: 6.12rem;
-      height: 1.7rem;
-      position: absolute;
-      left: 0.66rem;
-      pointer-events: auto;
-      /* background-color: rgba(0, 0, 0, 0.7); */
-    }
-
-    .living {
-      top: 9.96rem;
-    }
-
-    .scene {
-      top: 12.07rem;
-    }
-
-    .eating {
-      top: 14.15rem;
-    }
-
-    .gift {
-      top: 16.26rem;
-    }
-
     .sharebtn {
       width: 1.16rem;
       height: 0.51rem;
@@ -448,11 +395,30 @@
       <!-- 滑动热区 -->
       <div class="independent huadongrequ swiper-container">
         <div class="swiper-wrapper">
-          <div class="swiper-slide">
+          <!-- 推荐有礼 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',1)">
+            <img class="swiper-img" src="baner_card.png" alt="" srcset="">
+          </div>
+          <!-- 推荐办卡 畅想京东E卡 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',2)">
+            <img class="swiper-img" src="baner_card.png" alt="" srcset="">
+          </div>
+          <!-- 开新享好礼 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',3)">
+            <img class="swiper-img" src="baner_card.png" alt="" srcset="">
+          </div>
+          <!-- 办visa冬奥卡冰墩墩自由 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',4)">
+            <img class="swiper-img" src="baner_card.png" alt="" srcset="">
+          </div>
+          <!-- inefriends粉丝信用卡 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',5)">
+            <img class="swiper-img" src="baner_card.png" alt="" srcset="">
+          </div>
+          <!-- 建行绑卡会 -->
+          <div class="swiper-slide" onclick="jumpUrl('home',6)">
             <img class="swiper-img" src="baner_card.png" alt="" srcset="">
           </div>
-          <div class="swiper-slide">255</div>
-          <div class="swiper-slide">277772</div>
         </div>
       </div>
       <!-- 热门活动 -->
@@ -512,7 +478,7 @@
     <!-- 二级页面-周四专享页 -->
     <div  class="secondPage" id="ThursdayPage">
       <img class="backbtn" onclick="goBack()" src="backbtn.png" />
-      <img class="bgMeiZhuang" src="thursday_bg.png" />
+      <img class="bg-Brand" src="thursday_bg.png" />
       <div class="position-container">
         <span class="brand-small-btn top-4-3 left-0-54" onclick="jumpUrl('thursday',1)"></span>
         <span class="brand-small-btn top-4-3 right-2-2" onclick="jumpUrl('thursday',2)"></span>
@@ -559,7 +525,7 @@
 <!-- 初始化swiper相关 -->
 <script>
 
-var swiper = new Swiper('.huadongrequ', {
+  var swiper = new Swiper('.huadongrequ', {
   autoplay: true,
   delay: 3000,
   loop: true,
@@ -572,9 +538,6 @@ var swiper = new Swiper('.huadongrequ', {
 </script>
 
 <script>
-
-  console.log('swiper',Swiper)
-
   // 这里进行星期四判断 只做顺序
   const thursday_top = document.getElementById("thursday_top");
   const thursday_bottom = document.getElementById("thursday_bottom");
@@ -699,7 +662,8 @@ var swiper = new Swiper('.huadongrequ', {
     '.png">\n' +
     "</div>";
 
-    function toast(msg) {
+    // toast 弹窗
+    function Toast(msg) {
       var toast = document.getElementById("toast");
       toast.innerHTML = msg
       toast.style.display ='block'
@@ -742,7 +706,7 @@ var swiper = new Swiper('.huadongrequ', {
       params: {
         // share_id:'',
         text: "优惠多多，诚意满满。",
-        title: "诚满浦江",
+        title: "信用卡专享优惠-惠满三晋",
         url: window.location.href,
         image: "https://yun.duiba.com.cn/aurora/assets/af77c5352fe74771e495623b86dd4ed683a4ff59.png",
         type: "",
@@ -800,7 +764,7 @@ var swiper = new Swiper('.huadongrequ', {
             // 端内
             toLink(targetUrl);
           } else {
-            alert("仅限上海市参与");
+            Toast("仅限上海市参与");
           }
         });
       }
@@ -859,7 +823,7 @@ var swiper = new Swiper('.huadongrequ', {
     // 这里加逻辑 周四专享点击 如果不是周四弹toast
 
     if(shopKey=='ThursdayPage' && new Date().getDay()!=4) {
-      toast('不好意思，当前活动未开始，请每周四参与领券');
+      Toast('不好意思，当前活动未开始，请每周四参与领券');
       return false;
     }
     
@@ -877,6 +841,18 @@ var swiper = new Swiper('.huadongrequ', {
         secondPageDom[i].style.display = "none";
       }
     }
+
+    // 这里进行弹窗标题处理
+    switch (shopKey) {
+      case 'ThursdayPage': // 每周四信用卡专享优惠
+        document.title='每周四信用卡专享优惠'
+        break;
+      case 'GoodBrandPage': // 信用卡每日品牌好券
+        document.title='信用卡每日品牌好券'
+        break;
+      default: 
+      document.title='信用卡专享优惠-惠满三晋'
+    }
     // }
   };
 
@@ -887,6 +863,7 @@ var swiper = new Swiper('.huadongrequ', {
     for (var i = 0; i < secondList.length; i++) {
       secondList[i].style.display = "none";
     }
+    document.title='信用卡专享优惠-惠满三晋'
   };
 </script>