fix(scenic-detail): swiper dots covered by info-card
Add position:relative + z-index:6 to hero-swiper so it sits above the info-card (z-index:5) which overlaps the bottom 40rpx via negative margin. Dots are now visible above the overlap zone. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -271,6 +271,8 @@ $icon-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|||||||
.hero-swiper {
|
.hero-swiper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 480rpx;
|
height: 480rpx;
|
||||||
|
position: relative;
|
||||||
|
z-index: 6;
|
||||||
|
|
||||||
:deep(.uni-swiper-dots) {
|
:deep(.uni-swiper-dots) {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|||||||
@@ -71,7 +71,7 @@
|
|||||||
<view class="promo-price-row">
|
<view class="promo-price-row">
|
||||||
<view class="promo-price-block">
|
<view class="promo-price-block">
|
||||||
<text class="promo-currency">¥</text>
|
<text class="promo-currency">¥</text>
|
||||||
<text class="promo-price">98</text>
|
<text class="promo-price">198</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="promo-value-block">
|
<view class="promo-value-block">
|
||||||
<text class="promo-value">¥3800+</text>
|
<text class="promo-value">¥3800+</text>
|
||||||
|
|||||||
Reference in New Issue
Block a user