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

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

效果如下:

相关推荐
无心使然13 小时前
Openlayers调用ArcGis地图服务之五 —— 要素识别(/identify)
前端·vue.js·数据可视化
Dxy123931021613 小时前
HTML 如何设置 Div 阴影悬浮边框:从基础到进阶
前端·html·css3
好运的阿财13 小时前
OpenClaw工具拆解之browser+agents_list
前端·人工智能·机器学习·开源软件·ai编程·openclaw·openclaw工具
JarvanMo13 小时前
八个开源Flutter应用,让你成为更好的开发者
前端
ZC跨境爬虫13 小时前
Apple官网复刻第二阶段day_2:(前端模块化还原苹果官网WATCH海报)
前端·ui·重构·html·状态模式
Rabbit_QL13 小时前
【前端基础】npm install 是干嘛的(带参数 vs 不带参数)
前端·npm·node.js
这是程序猿13 小时前
MySQL 索引一篇讲透:原理、分类、优化与面试总结
java·前端·mysql
IT_陈寒13 小时前
被JavaScript的隐式类型转换坑到怀疑人生
前端·人工智能·后端
Highcharts.js13 小时前
实战指南:如何构建一套全平台适配的响应式图表系统?
前端·javascript·highcharts·实战代码·响应式图表
lihaozecq13 小时前
我用 1 个月写了一个 Web AI Coding Agent,今天开源 —— code-artisan
前端·agent·ai编程