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

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

效果如下:

相关推荐
IT_陈寒9 小时前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道第3个!
前端·人工智能·后端
jingling55511 小时前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃11 小时前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
J***Q29217 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio19 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄19 小时前
前端解析excel
前端·excel
一叶茶19 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫19 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want59520 小时前
HTML音乐圣诞树
前端·html
老前端的功夫20 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化