uniApp 调整小程序单个/全部界面横屏展示效果

作者：System 时间：2024年08月19日分类：所有,小程序字数：549

在uniApp中，调整小程序单个页面或全部页面的横屏显示效果，可以通过配置manifest.json文件来实现。

在页面的配置文件中（.vue文件中的<script>标签内），设置pageStyle属性：




export default {
  // 页面的样式
  pageStyle: {
    orientation: 'landscape' // 横屏模式，'landscape'表示横屏，'portrait'表示竖屏
  }
}

在manifest.json文件中，找到mp-weixin（微信小程序）或对应的小程序平台配置，然后设置orientation属性：




{
  // ...
  "mp-weixin": {
    // ...
    "orientation": "landscape" // 横屏模式
  }
  // ...
}

设置完成后，重新编译运行小程序，即可看到调整后的横屏显示效果。注意，不是所有的小程序平台都支持这种配置，请根据实际需要选择适合的平台。