在网络上找了很多方法,打包之后都没什么用,该竖屏还是竖屏,挺无语的,最后试了一种方法才解决了打包后也横屏显示的方法
在 pages.json 文件中:
"pageOrientation": "auto"
这一条属性即可
设置了以后最好让页面随设备大小自适应,减少bug的产生
比如这样实现:
js:
onLoad() {
uni.getSystemInfo({
success: (res) => {
const windowWidth = res.windowWidth; // 窗口宽度
const windowHeight = res.windowHeight; // 窗口高度
this.bodysHeight = windowHeight;
}
});
},
onResize(res) {
uni.getSystemInfo({
success: (res) => {
const windowWidth = res.windowWidth; // 窗口宽度
const windowHeight = res.windowHeight; // 窗口高度
this.bodysHeight = windowHeight;
}
});
},
view:
<view class="content" :style="{ height: swiperHeight + 'px' }">
</view>
宽度在初始设置成100%即可,切记,不要用vh ☂꒰´•௰•`๑꒱…