解决uview+uni-app框架写的H5应用嵌入到【企业微信】中顶部导航栏显示两次的问题

最新推荐文章于 2024-06-20 15:17:49 发布
最新推荐文章于 2024-06-20 15:17:49 发布
阅读量107 收藏 1
点赞数
文章标签： uni-app javascript
原文链接：https://blog.csdn.net/qq_32963841/article/details/124978243?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171807236316800197078278%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171807236316800197078278&biz_
版权

在这里插入图片描述
解决：
找到App.vue页面，把底部的"正式打包隐藏顶部导航栏"注释解开，那么逻辑就是我们打包的时候顶部导航栏就没有了(因为开发过程中要把这个注释掉，不然你浏览器上没有顶部导航不好调试、、然后打包的时候去掉注释就可以了、)，只有一个企业微信读取一次，不会出现两次的情况。
过程：
由"图1"到"图2"
图一在这里插入图片描述
图二
在这里插入图片描述

愿➣
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序：利用web-view方式嵌入h5页面，产生的微信双导航兼容及分享问题
weixin_34306676的博客
07-22 2376
公司要求微信小程序快速开发，时间就给了3天， 实在是来不及了。所以用了微信小程序的壳子嵌入H5的方式开发。利用了最新的方式web-view的方式将内容src嵌入。目前遇到双头的问题，我想把微信小程序头部隐藏，然后在app.json的window定义"navigationStyle": "custom"，将头部隐藏了。但是遇到的问题是头部与微信的胶囊不匹配。 遇到问题：微信导航自定义问题：自定义导航...
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
uniapp H5在微信浏览器打开时有两个标题的解决方法
weixin_47517731的博客
10-31 4210
在App.vue中写上该方法。在需要的页面加上判断。
微信小程序嵌入H5页面可显示导航栏的解决办法
qq_31937799的博客
01-15 778
项目中要用到自定义地图，那么就得以嵌入H5页面的方式开发。从微信小程序的文档中，我们知道web-view这个组件在页面中使用时，在微信小程序内是满铺的。其实我们的项目里，是希望在此页面下，能显示出导航栏。
uniapp h5 微信打开双标题处理
hnyanzijun1的博客
07-16 7039
uniapp h5 在微信内打开双标题的问题 解决办法 在page.json文件下将 globalStyle 下的 navigationStyle 设置为 “custom” 即可解决微信H5双标题的问题 { "easycom": { "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, "pages": [ { "path": "pages/index/index", "style": { "nav
uniapp 智能显示导航栏 微信QQ浏览器下隐藏 H5下显示 解决微信双标题问题
beyond520lin的博客
02-25 3327
实现在微信、QQ浏览器下自动隐藏导航栏解决双标题问题，在H5手机浏览器下显示导航。效果非常不好，为了实现完美的显示效果，只需要在main.js里加入以下代码即可。uniapp h5 手机版在微信里会显示双标题的问题，如下图。
uniapp H5去除导航栏，解决两个导航栏问题
lugegeCool的博客
01-06 4549
在pages.json文件中的globalStyle字段下添加： “app-plus”: {“titleNView”: false} 如图：
uniapp H5页面去除双重标题
RemindingMe的博客
05-07 315
在需要去除双重标题的页面添加以下代码。
解决企业微信内嵌H5页面导航栏返回上一级是空白页面问题
最新发布
weixin_44727080的博客
06-20 427
解决企业微信内嵌H5页面导航栏返回上一级是空白页面问题
微信小程序web-view组件嵌入h5页面导致双导航栏，如何只保留其中一个？
铁锤妹妹的博客
12-13 5872
前提 已知存在一个微信小程序，该小程序的某个页面通过web-view组件嵌套了我们app的一个h5页面，h5页面本身有自己的导航栏，就导致了双导航栏。 由于uniapp的 web-view 组件一定有原生导航栏，pages.js中设置navigationStyle: custom 对 web-view 组件无效；所以只能去掉因为h5里的导航。 方案 h5里的导航现在有两个地方在使用，一个需要保留导航栏，另一个也就是小程序中需要去掉h5的导航栏，所以需要条件判断，在使用web-view 组件项目中的页面src
uni-app+color-ui+uview-ui 搭建的H5端初始demo
04-09
1. **uni-app**：uni-app 是由ECharts团队开发的一个跨端框架，允许开发者编写一次代码，可以同时在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度小程序等多个平台运行。它基于Vue.js，提供了丰富的组件...
uni-app+uview+vuex+分包环境搭建
03-07
uni-app是由HBuilderX团队开发的一款多端开发框架，它允许开发者编写一次代码，就可以在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度小程序等多个平台运行。uni-app的核心是基于Vue.js，利用Vue的语法...
使用uni-app+uview-ui进行开发 校园云打印系统微信小程序.zip
03-08
在本项目中，“使用uni-app+uview-ui进行开发 校园云打印系统微信小程序”是一个结合了现代前端技术的创新应用，旨在为校园内的学生和教职员工提供便捷的线上打印服务。该项目利用uni-app作为跨平台开发框架，uview-...
项目基于vue+uni-app，使用colorUi与uView，完美支持微信小程序，支持小程序、H5、Android和IOS
08-14
项目基于vue，使用colorUi与uView，完美支持微信小程序，包含功能：聊天室、金融量化、抽奖、地图轨迹回放、电子签名、图片/海报编辑器、自定义相机/键盘...基于uni-app、colorUi、uView，支持小程序、H5、Android和IOS
uni-app开发h5,去掉顶部导航栏
qq_43628847的博客
10-11 1657
单页面去掉导航栏 在pages.json中添加 "navigationStyle":"custom", "app-plus":{ "titleView":false } 全局去掉导航栏
uniapp写H5在微信浏览器中隐藏导航栏（会出现返回白屏的问题，只能用在不用返回的页面）
m0_60207396的博客
12-15 2458
3、在onShow中判断是否在微信浏览器中，在就执行app.vue中隐藏方法。2、在需要的页面中写方法，判断是否在微信浏览器中。1、在app.vue页面添加隐藏导航栏的方法。
uniapp H5去除顶部导航APP保留
张小斌
03-09 1622
软件版本 HBX v3.3.11 需求 在H5页面如果保留开发的默认导航（只有标题）的情况下是和浏览器的标题是重复的，看着特别不舒服。想在H5 去除，APP或者其他平台保留 我是如下解决的： 解决方法 在 pages.json文件，每个页面做如下配置： { "path" : "pages/index/index", "style" :
uni-app app+uview-plus
06-06
uni-app是一个跨平台开发框架，可以基于一套代码，同时开发出运行在多个平台（如微信小程序、支付宝小程序、H5、Android、iOS等）的应用程序。而uView-Plus是一款基于uni-app框架开发的UI组件库，具有丰富的组件和功能，可以帮助开发者快速构建跨平台的应用程序。 使用app+uView-Plus的方式，可以在uni-app的基础上，结合uView-Plus提供的组件和功能，更加高效地开发跨平台应用程序。通过使用uView-Plus，可以避免重复开发一些常用的UI组件和功能，提高开发效率。同时，uView-Plus也提供了丰富的主题配置和样式定制功能，可以根据开发者的需求进行自定义设置。 总之，使用app+uView-Plus的方式可以让开发者更加便捷地开发出高质量的跨平台应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值