# 注意事项
# 1.关于组件的样式穿透。
h5和大部分小程序都支持使用::v-deep
覆盖组件样式。少数小程序使用后无效,这时可使用组件提供的custom-style
参数自定义样式。
在自定义swiper宽高时,z-swiper
提供了width
,height
属性。z-swiper-item
提供了swiper-item-width
,swiper-item-height
属性。在设置宽高时,更推荐使用这些属性。
# 2.快手小程序使用。
在快手小程序中,swiper无法正确的获取元素的宽度与高度。导致组件的部分切换效果发生异常。
目前的解决方案为,手动设置z-swiper
,z-swiper-item
的宽高。
z-swiper
使用width
或者height
设置,z-swiper-item
使用swiper-item-width
或者swiper-item-height
。
如:
<z-swiper v-model="list" :options="options">
<z-swiper-item swiper-item-width="500rpx" v-for="(item,index) in list" :key="index">
<image class="image" :src="item" mode="aspectFill">
</image>
</z-swiper-item>
</z-swiper>
options: {
effect: 'cards',
width: 315
},