评论

计算设备可用最大rpx高度数值,px与rpx转换

计算设备可用最大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>


最后一次编辑于  2019-11-21  
点赞 2
收藏
评论
登录 后发表内容