受欢迎的博客标签

wechat-微信小程序Asp .Net Core开发实战记录(46)-小程序横屏设置

Published

1.要某个页面支持屏幕旋转,需要在此页面的 json文件中配置 "pageOrientation": "auto",

{
  "pageOrientation":"auto",
  "usingComponents": {}
}

 

2.检测当前屏幕的方向

如何判断当前屏幕的方向呢?可以在此页面的 js 文件中加入 onResize:function(res){} 方法来进行屏幕方向的监听,每次屏幕旋转时这个方法都会调用。

Page({
  onResize:function(res) {
    res.size.windowWidth // 新的显示区域宽度
    res.size.windowHeight // 新的显示区域高度
  }
})