博客列表 >微信小程序判断屏幕大小是否长屏

微信小程序判断屏幕大小是否长屏

樂成的开发笔记
樂成的开发笔记原创
2022年10月19日 15:11:57667浏览

app.js

// app.js
App({
  onLaunch(e) {
    // 判断屏幕大小
    var judgeBigScreen = () => {
      let result = false;
      const res = wx.getSystemInfoSync();
      const rate = res.windowHeight / res.windowWidth;
      let limit = res.windowHeight == res.screenHeight ? 1.8 : 1.65; // 临界判断值
      if (rate > limit) result = true;
      return result;
    }
    this.globalData.judgeBigScreen = judgeBigScreen();

  },

  globalData: {
    judgeBigScreen:false,
  }
})

定义好之后在需要判断的页面使用即可

var app = getApp()
Page({
  data: {

  },
  onLoad(options) {
    console.log('是否为长屏', app.globalData.judgeBigScreen);
  },
})


上一条:1018作业下一条:html用户注册表单
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议