swiper
swiper 和 swiper-item 结合使用,, swiper有默认高度 300rpx
属性:
- autoplay : 自动播放
- circular : 循环播放
- indicator-dots : 显示指示点
- indicator-active-color : 轮播选中的颜色
<swiper class="swiper-img"
indicator-dots
indicator-active-color="#157658"
autoplay
circular
>
<block wx:for="{{ bannerB.items }}">
<swiper-item>
<image class="swiper-img" src="{{ item.img }}"></image>
</swiper-item>
</block>
</swiper>
swiper的插槽
swiper做tab切换,,插槽 :
scroll-view
在区域内滚动,scroll-view 里面嵌套一个实现 flex 的 容器,,那个容器里面的元素,,也能滚动
因为scroll-view 直接嵌套 要滚动的元素,,使用 scroll-x 横向滚动的时候,下面会有之前元素占据的位置,,,使用一个view 去包裹这些滚动的元素,,不但不会在下面产生空白,并且还可以滚动,,为什么可以滚动,,我也很好奇
scroll-view 标签上的 class ,使用 flex布局 ,,需要添加属性 enable-flex
否则flex布局不生效,,
如果需要横向滚动,需要添加属性 scroll-x