uni-app swiper轮播图

swiper详细数据参照uni-app官方swiper属性


<uni-swiper-dot   :info="bannerList">  
    <swiper class="swiper-box" 
	    autoplay="true" 
	    circular="true" 
	    indicatorDots="true" 
	    indicator-active-color="#fcf6f3" 
	>  
        <swiper-item v-for="(item, index) in bannerList" :key="index">  
            <view class="swiper-item">  
                <image :src="item.image" class="swiper-item_img" mode="aspectFill" @click="swiperClick(item)" />  
            view>  
        swiper-item>  
    swiper>  
uni-swiper-dot>

这里用了uni-swiper-dot插件
自行修改小圆点css属性
效果图:
uni-app swiper轮播图_第1张图片

你可能感兴趣的:(uni-app,Vue,vue,小程序)