计算设备可用最大rpx高度数值,px与rpx转换
由于小程序中的画布,动画等目前只支持PX单位,在页面开发中单位的选择会在PX和RPX中纠结一下,有时候就会出现某些机型页面缺斤少两的现象,下面给大家说一下加载页面时自动计算出设备可用最大rpx高度数值的方法,原理很简单 大家应该一看就懂 [代码]wx.getSystemInfo({[代码] [代码] success(res) {[代码] [代码] that.setData({[代码] [代码] windowHeightrpx: res.windowHeight / (res.windowWidth / 750)[代码] [代码] })[代码] [代码] }[代码] [代码]})[代码] 在wxml使用: [代码]<scroll-view scroll-y class='classifybg'[代码] [代码]style='height:{{windowHeightrpx -310}}rpx'>[代码] [代码] <view bindtap='scrollto'[代码] [代码]wx:for='{{classify}}'[代码] [代码]data-index='{{index}}'[代码] [代码]wx:key=''>[代码] [代码] <view wx:if='{{index != 0 }}'[代码] [代码]class='line'></view>[代码] [代码] <view class='{{classifyindex=="classify"+index?"classifyv2":"classifyv"}}'>{{item.name}}</view>[代码] [代码] </view>[代码] [代码]</scroll-view>[代码]