滑块视图容器

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Props

参数	说明	类型	可选值	默认值
value / v-model	绑定值	number		0
list	列表	array		[]
type	类型	string	card, chain	''
arrow	切换箭头	number		0
margin	外间距	array		[0, 0, 0, 0]
height	高	string		300rpx
radius	圆角	string		10rpx
dotType	指示点类型	string		#e9e9e9
更多	https://uniapp.dcloud.io/component/swiper

示例

{
    data() {
        return {
            list: ['https://t8.baidu.com/it/u=2247852322,986532796&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1604234049&t=27ea9e61604a7c1f659c452a7ef7b80d']
        }
    }
}

基本用法

<cl-swiper v-model="active" :list="list"></cl-swiper>

插槽

<cl-swiper v-model="active">
	<template v-slot="{ item, index }">
		<image class="cl-swiper-item__image" />
	</template>
</cl-swiper>