template-project/components/swiper/readme.md

899 B
Raw Blame History

第一步:引入组件

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:''},
]
newHeightswiper的高默认200px
newBottom指示点距离底部位置默认18px
newRadius图片圆角默认0px
browseP是否可预览默认不能预览