# 轮播图 bd-swiper
<bd-swiper
:data="adList"
@clickItem="toAd"
:isPreview="false"
class="marT-20 boderR ad-swiper">
</bd-swiper>
import BdSwiper from '@/async-common/bd-swiper.vue'
export default {
components: {
BdSwiper
}
}
# 属性
属性 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
data | 数据集合 | Array | -- | [ ] |
interval | 自动切换时间间隔 | Number | -- | -- |
autoplay | 是否自动切换 | Boolean | true/false | true |
circular | 是否采用衔接滑动 | Boolean | true/false | true |
vertical | 滑动方向是否为纵向 | Boolean | true/false | false |
isPreview | 滑动方向是否为纵向 | Boolean | true/false | true |
// data示例
data: [{
url:'图片地址'
// src:'图片地址' // 优先级 > url
}]
# 事件
属性 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
clickItem | 点击事件 | event | -- | -- |