34 lines
899 B
Markdown
34 lines
899 B
Markdown
第一步：引入组件
|
||
|
||
import swiperPu from '@/components/swipers/swiper-pu.vue';
|
||
|
||
第二步：注册组件
|
||
|
||
export default {
|
||
components:{
|
||
'custom-swiper':swiperPu
|
||
}
|
||
}
|
||
|
||
第三步：使用组件
|
||
|
||
<template>
|
||
<view>
|
||
<custom-swiper></custom-swiper>
|
||
</view>
|
||
</template>
|
||
|
||
参数说明
|
||
|
||
isplay：是否自动轮播，默认不轮播
|
||
isDot：是否显示指示点，默认显示
|
||
bannerList：默认轮播图片，默认值为以下数组：
|
||
[
|
||
{imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',url:'',isVideo:false,poster:''},
|
||
{imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',url:'',isVideo:false,poster:''},
|
||
{imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',url:'',isVideo:false,poster:''},
|
||
]
|
||
newHeight：swiper的高，默认200px
|
||
newBottom：指示点距离底部位置，默认18px
|
||
newRadius：图片圆角，默认0px
|
||
browseP：是否可预览，默认不能预览 |