uni-app中app横竖屏切变换(js,css控制)配置与锁死

• 在App.vue中

<script>
export default {
  onLaunch: function() {
    console.log('App Launch')
    // app 锁死横屏 
    plus.screen.lockOrientation("landscape-primary"); 
    // app 锁死竖屏 
    // plus.screen.lockOrientation("portrait-primary"); 
  },
  onShow: function() {
     console.log('App Show')
     // js样式控制，官方文档里有:https://uniapp.dcloud.net.cn/api/ui/window.html#onwindowresize
     uni.onWindowResize((res) => {
        if (res.size.windowWidth > res.size.windowHeight) {
           alert('此时为横屏')
        }
    })
  },
  onHide: function() {
    console.log('App Hide')
  }
}
</script>
<style lang="scss">
  /* 竖屏 */
  @media screen and (orientation: portrait) {

  }
  /* 横屏 */
  @media screen and (orientation: landscape) {

  } 
</style>