受欢迎的博客标签

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

Published
Created: 2019年4月2日星期二 22:10:01 views(1805)

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

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

 

2.检测当前屏幕的方向

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

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