uniapp app 进入页面横屏

要在UniApp中实现页面横屏，您可以按照以下步骤操作：

1. 在App.vue文件中，找到`onLaunch`生命周期函数，并添加以下代码：

uni.on('resize', (res) => {
  if (res.size.windowWidth > res.size.windowHeight) {
    // 横屏
    uni.setScreenOrientation({
      orientation: 'landscape',
    });
  } else {
    // 竖屏
    uni.setScreenOrientation({
      orientation: 'portrait',
    });
  }
});

2. 在需要横屏的页面中，找到对应的.vue文件，在`<script>`标签内，添加以下代码：

export default {
  mounted() {
    this.$nextTick(() => {
      uni.setScreenOrientation({
        orientation: 'landscape',
      });
    });
  },
  beforeDestroy() {
    this.$nextTick(() => {
      uni.setScreenOrientation({
        orientation: 'portrait',
      });
    });
  },
};

这样配置后，当用户将设备横向旋转时，页面将自动切换为横屏模式。请确保您的设备支持自动旋转，并且在manifest.json文件中没有配置禁止屏幕旋转的选项。