uniapp项目中禁止横屏 ,app不要自动旋转 -,保持竖屏,uniapp取消重力感应
1.适用于移动端,安卓和IOS,当即使手机打开了自动旋转的按钮,设置如下的代码后,页面依旧保持竖屏。
步骤一:
(1)在app.vue中加入一下的代码,只允许横屏显示:
<script>
export default {
onLaunch: function() {
console.log('App Launch')
// #ifdef APP-PLUS
plus.screen.lockOrientation("portrait-primary")
// #endif
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
步骤二:
修改manifest.json文件,通过编译器或者文本文件txt打开,进行添加一下的内容:
/* 应用发布信息 */
"distribute" : {
/* 重力感应、横竖屏配置 */
"distribute" : {
"orientation" : [ "portrait-primary"]
},