# 注意事项

# 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
},