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

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

效果如下:

相关推荐
十二7401 分钟前
前端缓存踩坑实录:从版本号管理到自动化构建
前端·javascript·nginx
over6972 分钟前
从 URL 输入到页面展示:一次完整的 Web 导航之旅
前端·面试·架构
Giant1002 分钟前
TypeScript 核心知识点(覆盖 90% 开发场景)
前端
暴走的小呆4 分钟前
为什么react要从顶层更新
前端
仰望星空的小猴子16 分钟前
React18和React19新特性
前端
小码哥_常17 分钟前
Android新航标:Navigation 3为何成为变革先锋?
前端
SuperEugene18 分钟前
Vue状态管理扫盲篇:状态管理中的常见坑 | 循环依赖、状态污染与调试技巧
前端·vue.js·面试
骑着小黑马19 分钟前
从 Electron 到 Tauri 2:我用 3.5MB 做了个音乐播放器
前端·vue.js·typescript
aykon19 分钟前
DataSource详解以及优势
前端
Mintopia19 分钟前
戴了 30 天智能手环后,我才发现自己一直低估了“睡眠”
前端