uni小程序判断手机是否开启自动旋转，横屏给出提示（微信小程序类似）

fuafua_0507

已于 2023-01-09 16:12:02 修改

阅读量881

点赞数 1

文章标签：微信小程序 Powered by 金山文档

于 2023-01-09 15:56:51 首次发布

本文链接：https://blog.csdn.net/fuafua_0507/article/details/128615767

版权

在pages. json中

全局在globalStyle添加"pageOrientation": "auto"

单个页面在单个页面的配置style下添加如下

"mp-weixin": {
                                "pageOrientation": "auto"
                              },

单个页面vue中添加如下

onShow(){
            // 0为竖屏，1为横屏
                let lastState = 0;
                let lastTime = Date.now();
              
                wx.startAccelerometer();
              
                wx.onAccelerometerChange((res) => {
                  // console.log('onAccelerometerChange执行了')
                  const now = Date.now();
                  
                  // 500ms检测一次 500ms实测可能会导致页面的onResize先执行了，
                  if (now - lastTime <