微信小程序中监听横屏竖屏

直接上代码

第一步:在你想要监听页面的json文件中添加此节点

"pageOrientation": "auto"

第二步:wx.onWindowResize()

page({
onLoad() {
     this.kstd()
  },

kstd(){
// 监听屏幕旋转事件
wx.onWindowResize((res)=>{
  // 获取屏幕方向
  var orientation = res.size.windowWidth > res.size.windowHeight ? 'landscape' : 'portrait';
  console.log('屏幕方向:', orientation);
  
  if(orientation=='landscape'){
        //横屏时你要做的事
   
  }
  if(orientation=='portrait'){
       //竖屏时你要做的事
  
  }
 
     });

   },


})

你可能感兴趣的:(微信小程序,小程序)