【小程序】使用uni-app搭建小程序環境--輪播圖

輪播圖：

　　

        <view class="uni-padding-wrap">
            <view class="page-section swiper">
                <view class="page-section-spacing">
                    <swiper class="swiper" 
                        :indicator-dots="indicatorDots" 
                        :autoplay="autoplay" 
                        :interval="interval" 
                        :duration="duration" 
                        indicator-color="rgb(238,238,238,0.3)" 
                        indicator-active-color="#fff">
                        <swiper-item  :key="item.deputyid" v-for="item in swiperDatas">
                            <view class="swiper-item uni-bg-red" :style="{backgroundImage: 'url(' + item.img + ')'}" >
                                <view class="swiper-item-title">{{item.title}}</view>
                            </view>
                        </swiper-item>
                    </swiper>
                </view>
            </view>
        </view>

DCloud 插件市場swiperDot 輪播圖指示點