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

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

效果如下:

相关推荐
忆江南4 分钟前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南6 分钟前
对组件化与模块化的思考与总结
前端
小码哥_常10 分钟前
从0到1:Android组件化架构搭建秘籍
前端
忆江南10 分钟前
iOS 应用启动流程与优化详解
前端
itslife15 分钟前
前端架构模式思考
前端·架构
Wect20 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试
雨落Re21 分钟前
从递归组件到 DSL 引擎:我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
Maxkim22 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
大漠_w3cpluscom31 分钟前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
大怪v12 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员