wj_web/components/ls-swiper/index.md

轮播组件

基础式

<ls-swiper :list="base_lsit" imgKey="imgUrl" :loop="true" :dots='true' :autoplay='true' @clickItem="clickItem()" />

链式

卡片式

props

参数名 | 说明 | 类型 | 默认值 -----------------|-------------------------------------------------- -|-------------|------------ list | 轮播数据 | Array | 必输 imgKey | 轮播数据key（图片url属性） | String | 必输 (自定义模式，非必输) autoplay | 是否自动播放 | Boolean | false loop | 是否循环 | Boolean | false autoplay | 是否自动播放 | Boolean | false dots | 是否显示轮播点 | Boolean | false crown | 卡片特效 (中间突出，两边缩放特效) | Boolean | false interval | 播放时间间隔 | Number | 2000 duration | 滑动速度 | Number | 1500 bottom | 轮播点下边距 | Number | 10 (单位:px,设计图建议以375px为准) height | 高度 | Number | 200 (单位:px,设计图建议以375px为准) previousMargin | 图片前边距 | Number | 0 (单位:px,设计图建议以375px为准) nextMargin | 图片后间距 | Number | 0 (单位:px,设计图建议以375px为准) imgRadius | 图片圆角 | Number | 0 (单位:px,设计图建议以375px为准) imgWidth | 图片宽度 | String | 100% @clickItem | 点击事件 | Function |
@change | 切换事件 | Function |

自定义

xxx

如有其他需求，可在插槽内编写自定义内容, 自动覆盖原图片样式。