当前位置：网站首页>微信小程序轮播图swiper

微信小程序轮播图swiper

2022-04-23 14:09:00 【瑞瑞小同学】

<!--轮播图开始-->
<view class="index_swiper">
    <swiper autoplay indicator-dots circular>
        <swiper-item
        wx:for="{ {swiperList}}"
        wx:key="goods_id"
        >
            <navigator>
                <image src="{ {item.image_src}}" mode="widthFix"></image>
            </navigator>
        </swiper-item>
    </swiper>
</view>
<!--轮播图结束-->

 

/**index.wxss**/

.index_swiper swiper {

  width: 750rpx;

  height: 340rpx;

}

.index_swiper swiper image {

  width: 100%;

}

 

 

版权声明
本文为[瑞瑞小同学]所创，转载请带上原文链接，感谢
https://blog.csdn.net/yr123456654321/article/details/109034375

边栏推荐

猜你喜欢

随机推荐