京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

详解uniapp怎样办理H5页面双标题

2024-11-3 09:51| 发布者: 8b79| 查看: 117| 评论: 0

摘要: 目次1. pages.json配置2. 页面配置3. 末了效果概述:Uniapp打包到线上,会出现双标题问题,缘故原由是:通过地址链接访问时,会有个浏览器自身的标题,和uniapp自身的导航栏标题重复。 办理方案:通过自定义uniapp
目次

概述:Uniapp打包到线上,会出现双标题问题,缘故原由是:通过地址链接访问时,会有个浏览器自身的标题,和uniapp自身的导航栏标题重复。

办理方案:通过自定义uniapp项目的标题,然后进行条件编译,只在app和小步伐上表现,H5端不表现,即可只表现浏览器自身的标题。

1. pages.json配置

[code]{ "path": "pages/index/index", "style": { "navigationBarTitleText": "统一收银数据大屏", "enablePullDownRefresh": false, "navigationStyle":"custom" } } [/code]

2. 页面配置

[code]<!-- #ifdef MP-WEIXIN --> <u-navbar title="统一收银数据大屏" > </u-navbar> <!-- #endif --> [/code]

末了关键一步:自定义了导航栏后,必须进行条件编译,让标题只在微信小步伐或app上表现,H5端影藏,否则依然会表现两个标题。

3. 末了效果

到此这篇关于详解uniapp怎样办理H5页面双标题的文章就介绍到这了,更多干系uniapp H5页面双标题内容请搜刮脚本之家从前的文章或继续浏览下面的干系文章希望大家以后多多支持脚本之家!


来源:https://www.jb51.net/javascript/328882mcc.htm
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 03:45 , Processed in 0.030062 second(s), 19 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部