WindowBird/HomeLease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

轮播图位置修正

Browse Source
This commit is contained in:
WindowBird 2025-08-22 17:27:58 +08:00
parent 34637def91
commit cf76b88165
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/banner-swiper/banner-swiper.vue
View File

@ -15,7 +15,7 @@
:key="index" :key="index"
@click="onBannerClick(item, index)" @click="onBannerClick(item, index)"
> >
<image :src="item.image" mode="aspectFill"></image> <image :src="item.image"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
@ -59,15 +59,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.banner-section { .banner-section {
padding: 30rpx 60rpx; padding: 30rpx 100rpx;
} }
.swiper { .swiper {
height: 300rpx; height: 300rpx;
width: 550rpx;
border-radius: 24rpx; border-radius: 24rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1); box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
/* 通用指示器样式 - 覆盖所有可能的类名 */ /* 通用指示器样式 - 覆盖所有可能的类名 */
:deep([class*='swiper-dot']) { :deep([class*='swiper-dot']) {
border-radius: 50% !important; border-radius: 50% !important;
@ -76,12 +77,12 @@ export default {
.swiper-item { .swiper-item {
display: block; display: block;
height: 300rpx;
line-height: 300rpx; line-height: 300rpx;
text-align: center; text-align: center;
image { image {
width: 100%; width: 750rpx;
height: 100%; height: 100%;
border-radius: 20rpx; border-radius: 20rpx;
} }