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);
  }

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

效果如下:

相关推荐
Mintopia几秒前
⚛️ 深入学习 React Fiber 架构的思路分析
前端·react.js·架构
页面魔术6 分钟前
⭐看完vite纪录片才知道尤大有多屌(上)
前端·javascript·vue.js
UpgradeLink16 分钟前
Electron 项目使用官方组件 electron-builder 进行跨架构打包
前端·javascript·electron
蚂蚁不吃土&27 分钟前
cmd powershell svm nodejs npm
前端·npm·node.js
Moment31 分钟前
别再让 JavaScript 抢 CSS 的活儿了,css原生虚拟化来了
前端·javascript·css
CQ_YM34 分钟前
Linux进程终止
linux·服务器·前端·进程
晓得迷路了36 分钟前
栗子前端技术周刊第 110 期 - shadcn/create、Github 更新 npm 令牌政策、Deno 2.6...
前端·javascript·css
nvd1137 分钟前
GKE web 应用实现 Auth0 + GitHub OAuth 2.0登录实施指南
前端·github
前端小端长39 分钟前
项目里满是if-else?用这5招优化if-else让你的代码清爽到飞起
开发语言·前端·javascript
胡萝卜3.041 分钟前
现代C++特性深度探索:模板扩展、类增强、STL更新与Lambda表达式
服务器·开发语言·前端·c++·人工智能·lambda·移动构造和移动赋值