-
在
manifest.json
文件中,将"deviceOrientation"
属性设置为"auto"
,这样整个应用程序将支持横屏显示。文章来源:https://www.toymoban.com/news/detail-826207.html -
在需要横屏显示的页面的
<script>
标签中,添加onShow
生命周期函数,并在函数中调用uni.setScreenOrientation({ orientation: 'landscape' })
方法,将页面设置为横屏显示。文章来源地址https://www.toymoban.com/news/detail-826207.html
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onShow() {
uni.setScreenOrientation({ orientation: 'landscape' })
}
}
</script>
- 如果需要在页面退出时恢复竖屏显示,可以在
onHide
生命周期函数中调用uni.setScreenOrientation({ orientation: 'portrait' })
方法,将页面设置为竖屏显示。
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onShow() {
uni.setScreenOrientation({ orientation: 'landscape' })
},
onHide() {
uni.setScreenOrientation({ orientation: 'portrait' })
}
}
</script>
到了这里,关于uniapp实现手机横屏(方法二)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!