This commit is contained in:
@@ -20,6 +20,11 @@
|
||||
</swiper>
|
||||
|
||||
<view v-if="items.length > 1" class="popup-footer">
|
||||
<view class="popup-swipe-hint" aria-label="左右滑动切换通知">
|
||||
<text class="swipe-arrow">‹</text>
|
||||
<text>左右滑动切换通知</text>
|
||||
<text class="swipe-arrow">›</text>
|
||||
</view>
|
||||
<view class="popup-dots">
|
||||
<view v-for="(_, index) in items" :key="index" class="popup-dot" :class="{ active: index === current }"></view>
|
||||
</view>
|
||||
@@ -150,6 +155,22 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.popup-swipe-hint {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8rpx;
|
||||
margin-bottom: 16rpx;
|
||||
color: var(--primary);
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.swipe-arrow {
|
||||
font-size: 34rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.popup-dots {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -166,7 +187,7 @@
|
||||
.popup-dot.active { width: 28rpx; border-radius: 8rpx; background: var(--primary); }
|
||||
|
||||
.popup-counter {
|
||||
margin-top: 16rpx;
|
||||
margin-top: 12rpx;
|
||||
color: var(--text-tertiary);
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user