uni-app APP横屏和竖屏
<h1 id="uni-app-app横屏和竖屏">uni-app APP横屏和竖屏</h1><p><strong>uni-app APP横屏和竖屏</strong></p>
<p><strong>1、APP判断横屏和竖屏</strong></p>
<pre><code class="language-javascript"> uni.getSystemInfo({ // 获取系统信息
success: function (res) {
// 屏幕方向数值： HOME键在右, 0 - 竖屏； 90 - 横屏；HOME'键在左, 180 - 反向竖屏； -90 - 反向横屏;
let orientation = plus.navigator.getOrientation();
var webView = null
if(orientation == 0){
//竖屏做的操作
plus.screen.lockOrientation('landscape-primary')
// 设置web-view以外的内容
let currentWebview = _this.$scope.$getAppWebview()
webView = currentWebview.children()
webView.setStyle({
top: 0,
height: res.windowWidth,
width: res.windowHeight
})
}else if(orientation == 90){
//横屏做的操作
plus.screen.lockOrientation('portrait-primary')
// 设置web-view以外的内容
let currentWebview = _this.$scope.$getAppWebview()
webView = currentWebview.children()
webView.setStyle({
top: 80,
height: res.windowHeight / 1.5238,
width: res.windowHeight
})
}
}
})
</code></pre>
<p><strong>2、uni-app APP强制竖屏</strong></p>
<pre><code class="language-javascript"> plus.screen.lockOrientation( 'portrait-secondary'); // 反向竖屏
plus.screen.lockOrientation( 'portrait-primary'); // 正常竖屏
</code></pre>
<p><strong>3、uni-app APP强制横屏</strong></p>
<pre><code class="language-javascript">plus.screen.lockOrientation( 'landscape-secondary');// 反向横屏
plus.screen.lockOrientation( 'landscape-primary');// 正常横屏
</code></pre><br><br>
来源：https://www.cnblogs.com/lifan-fineDay/p/16723324.html
頁:
[1]