效果如下
需要注意的地方
swiper标签有默认的高度,展示更多的话需要另外设置height值
这里的scroll-view设置占满整个屏幕,height设置100%;swiper的height设置成屏幕的高度(除去tab栏的高度),需要微信提供的api获取设备屏幕高度数据
wx.getSystemInfo({
success: (res) => {
let windowHeight = res.windowHeight
this.setData({
windowHeight: windowHeight
})
}
})
wx.getSystemInfo API还可以获取以下信息,包括brand( 品牌)、model(型号)、platform(系统)等
.wxml
<view>
<view class="