zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复了轮播图显示不完整的问题

Browse Source
This commit is contained in:
tsui110 2026-02-07 01:02:07 +08:00
parent 636041d6fa
commit 7fb865b68e
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pages/index/index.vue
View File

@ -26,7 +26,7 @@
<swiper class="banner-swiper" circular autoplay interval="5000" duration="600" :indicator-dots="false" @change="onBannerChange"> <swiper class="banner-swiper" circular autoplay interval="5000" duration="600" :indicator-dots="false" @change="onBannerChange">
<swiper-item v-for="(b, index) in displayBanners" :key="b.id"> <swiper-item v-for="(b, index) in displayBanners" :key="b.id">
<view class="banner-card" :class="{ 'active': bannerIndex === index }"> <view class="banner-card" :class="{ 'active': bannerIndex === index }">
<image v-if="b.image" class="banner-image" :src="b.image" mode="aspectFill" @tap="onBannerTap(b)" /> <image v-if="b.image" class="banner-image" :src="b.image" mode="aspectFit" @tap="onBannerTap(b)" />
<view v-else class="banner-fallback"> <view v-else class="banner-fallback">
<view class="fallback-glow"></view> <view class="fallback-glow"></view>
<text class="banner-fallback-text">{{ b.title || 'KE DAYA TOYS' }}</text> <text class="banner-fallback-text">{{ b.title || 'KE DAYA TOYS' }}</text>
@ -457,11 +457,12 @@ export default {
.banner-swiper { .banner-swiper {
height: 360rpx; height: 360rpx;
overflow: visible;
} }
.banner-card { .banner-card {
height: 100%; height: 100%;
margin: 0 4rpx; margin: 0;
border-radius: 40rpx; border-radius: 40rpx;
overflow: hidden; overflow: hidden;
position: relative; position: relative;