# 注意事项
# 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
},