vue2项目换成vue3(vue项目转app)

vue2项目换成vue3(vue项目转app)p 公司项目 之前的 h5 vue js 开发 想着用 uni app 直接打包生成 app p 使用 web view web view v if h5Url src h5Url lt web view

大家好,我是讯享网,很高兴认识大家。



 <p>公司项目&#xff0c;之前的h5&#xff08;vue.js开发&#xff09;&#xff0c;想着用 uni-app 直接打包生成app。</p> 

讯享网

使用 web-view <web-view v-if="h5Url" :src="h5Url"></web-view> 嵌入h5页面

pages/index/index.vue

讯享网

pages.json

 

继续使用 h5 之前自己的导航;

uni-app 内设置 页面 "navigationStyle": "custom";取消原生导航栏


讯享网

app 页面导航栏会出现塌陷

h5内 title 状态栏的高度 使用原生方式获取

讯享网

取消原生导航栏 具体介绍

CSS 变量 | uni-app-x

因为 page/index/index 为应用入口页(即首页)内直接为 webView 导致底部按钮返回键单击无法返回

实现 安卓设置 底部返回键 单击h5页面正常回退 双击退出app

官方文档:

 

推荐:香蕉云编 - 创建证书

小讯
上一篇 2025-05-15 18:31
下一篇 2025-05-16 10:21

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/137727.html