# 注意事项

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