Skip to content

S
Shanxi_CCB_Card
Commit 84b4758f authored by 余成's avatar 余成
Browse files
Options

1

parent 5553e533
Hide whitespace changes
Inline Side-by-side
Showing with 61 additions and 8 deletions
brand_bg.png
View replaced file @ 5553e533 View file @ 84b4758f
This diff is collapsed.
index.html
View file @ 84b4758f
...@@ -350,6 +350,7 @@ ...@@ -350,6 +350,7 @@
width: 1.5rem; width: 1.5rem;
height: .4rem; height: .4rem;
border-radius: .15rem; border-radius: .15rem;
z-index: 3;
} }
.right-95 { .right-95 {
right: .95rem; right: .95rem;
...@@ -421,6 +422,35 @@ ...@@ -421,6 +422,35 @@
left: 0.54rem; left: 0.54rem;
} }
</style> </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> </head>
<body> <body>
...@@ -565,13 +595,36 @@ ...@@ -565,13 +595,36 @@
<span class="brand-btn right-95 top-9-46" onclick="jumpUrl('brand',5)"></span> <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-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> <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>
</div> </div>
...@@ -623,10 +676,10 @@ ...@@ -623,10 +676,10 @@
delay: 3000, delay: 3000,
}, },
loop: true, loop: true,
pagination: { pagination: {
el: '.swiper-pagination-re', el: '.swiper-pagination-re',
clickable :true, clickable :true,
}, },
}) })
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment