uni-app 打包成app时 限制web-view大小

今天对接一个uni-app的app

内置对方h5 web-view的形式

需要对方在web-view顶部加点东西

对方打的app的web-view始终是全屏的状态,对方表示做不到我要的效果

emmmmmm。。。。。。

于是乎 自己搭了个demo

本地h5跑起来审查了下代码,发现web-view是给绝对定位了

于是乎 我想外层加个相对定位呗。。。这不挺简单

这不 完美。。。

兴冲冲的跑去跟人家说 ,人家表示网页确实可以。但是打包成app又全屏了。。。

emmmm。。。。。

最后 我只能换种想法了 把web-view标签干了 js写一个

javascript 复制代码
onShow() {
    var w = plus.webview.create(
      "https://baidu.com",
      "id",
      {
        top: uni.getSystemInfoSync().statusBarHeight + 150,
        height:
          uni.getSystemInfoSync().windowHeight -
          150 -
          uni.getSystemInfoSync().statusBarHeight,
      },
      {
        preload: "preload webview",
      }
    );
    var currentWebview = this.$mp.page.$getAppWebview();
    currentWebview.append(w);
  }

最后找同事借了个安卓机 悄咪咪的装一下 。。。

效果如下:

相关推荐
J船长18 分钟前
Firebase CLI 一直关联失败
前端
wuli_滔滔28 分钟前
DevUI云控制台实战:多云管理平台前端架构解密
前端·架构·devui·matechat
深耕AI1 小时前
【wordpress系列教程】02 Blocksy主题
运维·服务器·前端
2501_916007471 小时前
TCP 抓包分析实战,从三次握手到自定义协议解析的完整方法
网络协议·tcp/ip·ios·小程序·uni-app·php·iphone
我笔记2 小时前
vue 子父调用
前端·javascript·vue.js
毕设源码-朱学姐3 小时前
【开题答辩全过程】以 基于vue.js的校园二手平台为例,包含答辩的问题和答案
前端·javascript·vue.js
m0_471199633 小时前
【JavaScript】Set 和 Map 核心区别与实战用法(ES6 集合全解析)
前端·javascript·es6
hoiii1873 小时前
MATLAB中主成分分析(PCA)与相关性分析的实现
前端·人工智能·matlab
大波V54 小时前
用 nvm 彻底重装 Node 12.22.12(确保干净)
前端
和和和4 小时前
React Scheduler为何采用MessageChannel调度?
前端·javascript