小程序适配

原创于 2023-05-15 11:46:42 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #javascript #前端 #微信小程序

javascript 同时被 2 个专栏收录

82 篇文章

订阅专栏

微信小程序

79 篇文章

订阅专栏

该代码段检查了微信小程序中窗口高度与宽度的比例，用于判断屏幕尺寸。当比例小于1.8时，设置数据状态为finishSrceen；若比例小于等于1.61，则设置为smallSrceen。异常情况下，两个状态均设为false，影响页面视图的显示样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   try {
      const res = wx.getSystemInfoSync()
      console.log('41', res.windowHeight, res.windowWidth, res.windowHeight / res.windowWidth)
      if (res.windowHeight / res.windowWidth < 1.8) {
        this.setData({
          finishSrceen: true
        })
      } else if (res.windowHeight / res.windowWidth <= 1.61) {
        this.setData({
          smallSrceen: true
        })
      }
    } catch (error) {
      this.setData({
        smallSrceen: false,
        finishSrceen: false
      })
    }

 data: {
    smallSrceen: false,
    finishSrceen: false,
  },

  <view class="container-box {{finishSrceen?'f-heads':''}}"></view>

.f-heads {
  height: 600rpx;
  transform: scale(0.9);
}