微信小程序横屏小技巧

1、在对应的页面json文件中配置 "pageOrientation": "auto"如下

{
  "navigationBarTitleText": "",
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#3891f8",
  "navigationBarTextStyle": "white",
  "enablePullDownRefresh": true,
  "pageOrientation": "auto"
}

 2、在对应页面的 js 文件中加入 onResize:function(res){} 方法来进行屏幕方向的监听

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

 完成以上两步即可横屏显示