uniapp【优化】:优化首页轮播图片显示裁剪问题

This commit is contained in:
花城
2025-02-07 13:37:56 +08:00
parent 74ca31086d
commit daaab366bd

View File

@@ -3,7 +3,7 @@
:autoplay="props.autoplaySelect" :interval="props.data.duration" :circular="props.circularSelect" :autoplay="props.autoplaySelect" :interval="props.data.duration" :circular="props.circularSelect"
:indicator-color="props.indicatorColor" :indicator-active-color="props.indicatorColorActive" :style="{'height':`${props.data?.height}px`}"> :indicator-color="props.indicatorColor" :indicator-active-color="props.indicatorColorActive" :style="{'height':`${props.data?.height}px`}">
<swiper-item v-for="item, index in props.data.list" :key="index" @click="hanldeClickImage(item)"> <swiper-item v-for="item, index in props.data.list" :key="index" @click="hanldeClickImage(item)">
<image class="swiper-img" :src="item.image" mode="aspectFill" :style="{'height':`${props.data?.height}px`}"></image> <image class="swiper-img" :src="item.image" mode="aspectFit" :style="{'height':`${props.data?.height}px`}"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
</template> </template>