在uniapp中,辛辛苦苦写完的CSS,横屏之后太难看,不想让用户横屏使用怎么办,放入以下代码,亲测有效,不过只是测试版有用,上线版本还没试过。
在App.vue文件里面:
<script>
export default {
onLaunch: function() {
// 锁定横屏
// plus.screen.lockOrientation("landscape-primary");
// 锁定竖屏
plus.screen.lockOrientation("portrait-primary");
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style lang="scss">
/*每个页面公共css */
@import "uview-ui/index.scss";
</style>
// 锁定横屏
// plus.screen.lockOrientation("landscape-primary");
// 锁定竖屏
plus.screen.lockOrientation("portrait-primary");