当前位置: 首页 > article >正文

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写一个

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

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

在这里插入图片描述


http://www.kler.cn/news/353408.html

相关文章:

  • k8s中如何将pod的标准输出日志输出到一个文件
  • R语言机器学习算法实战系列(九)决策树分类算法 (Decision Trees Classifier)
  • [数据集][目标检测]电力场景输电线路巡检检测数据集VOC+YOLO格式8667张50类别
  • 【软件安装与配置】 vue
  • 计算机视觉算法的演进与应用:从基础理论到前沿技术
  • 携手并进,智驭教育!和鲸科技与智谱 AI 签署“101 数智领航计划”战略合作协议
  • 【Linux修炼进程之权限篇】探讨Linux权限问题
  • 【Linux 从基础到进阶】数据加密与安全传输
  • ES 入门 -http-条件查询分页查询查询排序
  • js 对网页表格内容进行全选
  • 车载软件架构 --- 软件定义汽车开发:S32 CoreRide平台
  • 系统架构设计师教程 第16章 16.3 嵌入式系统软件架构设计方法 笔记
  • 代码随想录算法训练营第十七天|Day17二叉树
  • 【ChatGPT】如何通过 Prompt 优化 ChatGPT 的输出
  • 解锁C++多态的魔力:灵活与高效的编码艺术(上)
  • 【私有云盘搭建】Portainer CE部署NextCloud,轻松实现公网访问
  • Java 8 的内存结构
  • 基于MATLAB的语音信号处理系统
  • CV图像处理小工具——json文件转mask
  • 06_实现watch
  • 【排序】——2.快速排序法(含优化)
  • 开源项目低代码表单FormCreate重写内置的请求方法,实现中间件和附带token
  • 类间方差,分割地物
  • 基于SSM的医院药品管理系统
  • 【人工智能-初级】第2章 机器学习入门:从线性回归开始
  • 【C语言】文件、结构体综合应用:小型学生成绩管理