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

@万里挑一

已于 2023-10-27 11:04:01 修改

阅读量675

点赞数 1

分类专栏：小程序文章标签：微信小程序小程序

于 2023-10-18 10:12:48 首次发布

本文链接：https://blog.csdn.net/qq_59599812/article/details/133899801

版权

小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

直接上代码

第一步：在你想要监听页面的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'){
       //竖屏时你要做的事
  
  }
 
     });

   },


}）