1

84b4758f · 余成 · 5553e533 · 5553e533 · 84b4758f · 84b4758f
Commit 84b4758f authored Nov 02, 2022 by 余成
6 changed files
--- a/brand_bg.png
+++ b/brand_bg.png
--- a/brand_bg_1.png
+++ b/brand_bg_1.png
--- a/brand_bg_2.png
+++ b/brand_bg_2.png
--- a/brand_bg_3.png
+++ b/brand_bg_3.png
--- a/brand_bg_4.png
+++ b/brand_bg_4.png
--- a/index.html
+++ b/index.html
@@ -350,6 +350,7 @@
      width: 1.5rem;
      height: .4rem;
      border-radius: .15rem;
+      z-index: 3;
    }
    .right-95 {
      right: .95rem;
@@ -421,6 +422,35 @@
      left: 0.54rem;
    }
  </style>
+  <style>
+    .swiper-voucher {
+      width: 7.5rem;
+      height: 3.1rem;
+      /* background-color: red; */
+      position: absolute;
+      top: 11.6rem;
+    }
+    .swiper-voucher .swiper-wrapper {
+      margin: auto;
+      width: 7.15rem;
+      display: flex;
+      align-items:center;
+      overflow-y: scroll;
+    }
+    .swiper-voucher .swiper-slide {
+      width: 1.75rem;
+      display: flex;
+      align-items:center;
+      justify-content:center;
+      margin-left: 6px;
+    }
+    .btn-center {
+      position: absolute;
+      top: 1.84rem;
+      left: 50%;
+      transform:translateX(-50%);
+    }
+  </style>
 </head>

 <body>
@@ -565,13 +595,36 @@
        <span class="brand-btn right-95 top-9-46" onclick="jumpUrl('brand',5)"></span>
        <!-- 太远地区 -->

-        <span class="brand-middle-btn left-0-4 top-13-44" onclick="jumpUrl('brand',6)"></span>
-        <span class="brand-middle-btn left-2-1 top-13-44" onclick="jumpUrl('brand',7)"></span>
-        <span class="brand-middle-btn left-3-9 top-13-44" onclick="jumpUrl('brand',8)"></span>
-        <span class="brand-middle-btn  right-0-4 top-13-44" onclick="jumpUrl('brand',9)"></span>
+        
+       
+        
+       
        <!-- 王府井奥莱特享 -->
        <span class="brand-small-btn left-0-5 top-16-52" onclick="jumpUrl('brand',10)"></span>
        <span class="brand-small-btn left-4 top-16-52" onclick="jumpUrl('brand',11)"></span>
+
+        
+        <div class="swiper-voucher">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <span class="brand-middle-btn btn-center" onclick="jumpUrl('brand',6)"></span>
+              <img class="swiper-img" src="brand_bg_1.png" alt="" srcset="">
+            </div>
+            <div class="swiper-slide" onclick="showPop('TaobaoWeekHui')">
+              <span class="brand-middle-btn btn-center" onclick="jumpUrl('brand',7)"></span>
+              <img class="swiper-img" src="brand_bg_2.png" alt="" srcset="">
+            </div>
+            <div class="swiper-slide" onclick="showPop('LongCardCreditCard')">
+              <span class="brand-middle-btn btn-center" onclick="jumpUrl('brand',8)"></span>
+              <img class="swiper-img" src="brand_bg_3.png" alt="" srcset="">
+            </div>
+            <div class="swiper-slide" onclick="showPop('LongCardCreditCard')">
+              <span class="brand-middle-btn  btn-center" onclick="jumpUrl('brand',9)"></span>
+              <img class="swiper-img" src="brand_bg_4.png" alt="" srcset="">
+            </div>
+            
+          </div>
+        </div>
      </div>
    </div>

@@ -623,10 +676,10 @@
      delay: 3000,
    },
    loop: true,
-      pagination: {
-        el: '.swiper-pagination-re',
-        clickable :true,
-      },
+    pagination: {
+      el: '.swiper-pagination-re',
+      clickable :true,
+    },
    })
 </script>