uni-app APP横屏和竖屏

uni-app APP横屏和竖屏

1、APP判断横屏和竖屏

 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()[0]
		   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()[0]
		    webView.setStyle({
		      top: 80,
		      height: res.windowHeight / 1.5238,
		      width: res.windowHeight
		    })
	   }
  	}
 })
   

2、uni-app APP强制竖屏

 plus.screen.lockOrientation( 'portrait-secondary');
 plus.screen.lockOrientation( 'portrait-primary');

3、uni-app APP强制横屏

plus.screen.lockOrientation( 'landscape-secondary');
plus.screen.lockOrientation( 'landscape-primary');
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值