小程序轮播图的实现

使用swiper组件

使用swiper,每一页的信息都显示不全,图片只显示一半;
原因:swiper元素默认的高度为150px高,而图片默认的高度为240px,所以只显示上面的一部分。
一般设置宽高时,需要在swiper元素上统一设置。



123



456



789



swiper和wx:for使用





第{{index+1}}周  {{item.name}}
点评:{{item.comment}}




细节样式优化

  • 设置面板指示

    .movie-swiper{ height: 90vh; }

刷新显示第几张幻灯片

swiper中设置属性'current='0''

你可能感兴趣的:(小程序轮播图的实现)