在app中如何使weib-view不铺满全屏,自适应页面

Posted on 2022-05-17 16:21  矜持i  阅读(1005)  评论(0)    收藏  举报
  				// #ifdef APP-PLUS
				//自建webview
				var currentWebview = this.$scope.$getAppWebview();
				var height = this.windowHeight - this.topHeight;
				if (this.activeIndex == 1) {
					var type = uni.getSystemInfoSync().platform; //判断是ios还是安卓
					wv = plus.webview.create(this.docUrl, "webview", {
						plusrequire: "none",
						'uni-app': 'none',
						top: type == 'android' ? this.topHeight + 90 : this.topHeight + 75,
						scalable: true,
						height: height
					})
					currentWebview.append(wv);
				} else {
					plus.webview.close(wv);
				}
				// #endif
  				  <web-view :src="docUrl"></web-view>我  

var currentWebview = this.$scope.$getAppWebview();//此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效 

我这里是点击tab选项卡展示

 

  

        // #ifdef APP-PLUS
        //自建webview
        var currentWebview = this.$scope.$getAppWebview();
        var height = this.windowHeight - this.topHeight;
        if (this.activeIndex == 1) {
          var type = uni.getSystemInfoSync().platform; //判断是ios还是安卓
          wv = plus.webview.create(this.docUrl, "webview", {
            plusrequire: "none",
            'uni-app': 'none',
            top: type == 'android' ? this.topHeight + 90 : this.topHeight + 75,
            scalable: true,
            height: height
          })
          currentWebview.append(wv);
        } else {
          plus.webview.close(wv);
        }
        // #endif

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3