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:
jacobxu666
2026-06-26 13:12:07 +08:00
co-authored by Claude
parent 2c165bf69d
commit 03a72825bb
2 changed files with 3 additions and 1 deletions
@@ -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;
+1 -1
View File
@@ -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>