uniapp单个页面去掉最顶端导航栏

最新推荐文章于 2023-08-04 10:06:48 发布
最新推荐文章于 2023-08-04 10:06:48 发布
阅读量1.2k 收藏
点赞数
分类专栏： 问题解答 javascript 前端 文章标签： javascript vue vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60845208/article/details/124247920
版权
前端 同时被 3 个专栏收录
25 篇文章 1 订阅
订阅专栏
javascript
24 篇文章 0 订阅
订阅专栏
问题解答
17 篇文章 1 订阅
订阅专栏

在page配置文件里找到对应页面设置

"path": "pages/dikuai/landMap",
"style": {undefined
    "app-plus":{"titleNView":false}//去掉
}

dlwlrma2022
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app单个页面去掉最顶端导航栏
weixin_40935738的博客
10-08 606
, { "path": "pages/dikuai/landMap", "style": { "app-plus":{"titleNView":false}//去掉 } }
uni-app 之 去掉顶部导航
最新发布
jun_tong的博客
09-22 2638
uni-app 之 去掉顶部导航
iOS 单个页面需要隐藏导航栏
weixin_34363171的博客
11-16 410
为什么80%的码农都做不了架构师？>>> ...
特定页面隐藏导航栏
weixin_30851867的博客
08-17 402
也有一段时间没有解决项目内问题，觉得解决问题要比无目的翻阅技术文档有意义，目的性强记忆也深刻。 项目中也算是遇见了两处特定页面问题了，上次是特定页面支持横屏的问题，这次是特定页面支持隐藏导航栏问题。 问题描述： 接到修改时懵住了，忘记导航栏可以隐藏这个问题了，还是UI设计师给我拿出其他App效果后，我才加紧寻找解决方案，看到导航栏隐藏几个字，瞬间...
如何消除网页顶部的一行空白
mole的专栏
01-04 1093
昨天群里一朋友询问网页顶部一行空白无法去除的解决办法。常见的解决办法均不能解决问题。深入研究了下，总结几点以加强记忆。
小程序动态更改底部导航栏
02-02
在微信小程序开发中，底部导航栏（TabBar）是用户界面的重要组成部分，它通常用于展示应用的主要功能模块，方便用户快速切换。动态更改底部导航栏是提升用户体验的一种常见手法，尤其是在内容更新或用户状态变化时。...
小程序自定义单页面、全局导航栏的实现代码
11-29
在本文中，我们将探讨如何实现自定义单页面和全局导航栏，包括添加返回首页按钮以及设置背景图片。 首先，为了实现自定义导航栏，我们需要遵循小程序的开发规范。在开始之前，务必查阅微信小程序的开发文档，了解...
uniapp分包配置，页面配置
11-29
- **页面级配置**：在`page.json`或`index.vue`中可以对单个页面的导航栏进行个性化定制，如隐藏导航栏、自定义返回按钮等。 - **路由管理**：uni-app使用`vue-router`实现页面间导航，通过`router.js`进行路由...
Android 三种不同底部导航栏的
08-26
在Android应用开发中，底部导航栏（Bottom Navigation）是一种常见的用户界面设计，它提供了一种在多个主要功能间切换的便捷方式。本篇文章将详细探讨Android中的三种不同底部导航栏实现方式：TabLayout、Bottom...
Android实现简单底部导航栏 Android仿微信滑动切换效果
01-20
`ViewPager`通常用于展示多个可以滑动的页面，每个页面对应底部导航栏的一个选项。 3. **监听滑动事件**：当用户在`ViewPager`中滑动时，`BottomNavBar`上的相应`TabView`应该被选中，以显示当前激活的页面。 接...
uniapp H5顶部状态栏+导航栏高度修改
名人卷耶
01-07 8151
1、导入uniapp自定义导航栏 传送门 导入之后，打开官方查件 uni-nav-bar，修改官方给出的插件高度是44px，并且放到了类 uni-navbar__header 里面。 $nav-height: 55px; // 将 44 改成你最合适的数字 我的是 55 .uni-navbar__header { /* #ifndef APP-NVUE */ display: flex; /* #endif */ flex-direction: row; wid
uni-app去掉页面导航栏
World_Mei的博客
07-11 4479
全局去掉顶部导航 "globalStyle": { "navigationStyle":"custom", //可以去掉小程序端的顶部导航 "app-plus":{ "titleNView":false // 去掉APP、H5的顶部导航 } }, 去掉单页面顶部导航 "path": "pages/index/shopping", "style": { "navigationBarTitleText": "商城", "navigationStyle":"custom", //可以去掉小程序端
uni-app开发中遇到的问题
潇潇来吃瓜的博客
08-04 290
uniapp
微信小程序 去除自带头部导航栏
alokka的博客
08-03 7687
我在用凯悦的微信小程序订酒店的时候 发现他们的小程序是没有头部导航栏的 当时我还有点奇怪 我很长时间没接触过微信小程序项目了 还以为这种效果需要腾讯定制 后来我自己做小程序 想着也用用这个效果 感觉整体画面会很清爽 就百度了一下 其实很简单 在 app.json 配置中，在 “window” 中直接设置 “navigationStyle”: “custom”，就可以了 ...
苹果手机ios端，页面向上溢出屏幕，导致顶部导航栏未显示
weixin_49577940的博客
12-07 993
苹果手机ios端，页面向上溢出屏幕，导致顶部导航栏未显示
vue 对接钉钉开发平台：免登、退出、直接关闭浏览器
拿回忆下酒
03-22 1636
前段时间对接了一下钉钉的免登功能。
uniapp h5去掉默认的顶部导航
业余前端的职业经历
10-29 4528
这个uniapp运行出来的h5项目上面有一个默认导航很难受 这个看起来就很奇怪了 “titleNView”: false // 去掉APP、H5的顶部导航。在pages.json 配置页面中加入 这个就可以 "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleT
uniapp 如何去掉头部默认导航
weixin_43337481的博客
04-07 1901
uniapp h5去掉头的方法： 首先找到并打开“pages.json”文件； 然后在“pages.json”文件中添加一行“"navigationStyle":"custom"”代码即可
uni-App 去掉顶部导航栏
Sapling
11-22 5279
1、给一个单独的页面隐藏顶部的导航栏，可以在pages.json里 单独的路由style下面配置 “app-plus”: {“titleNView”: false}2、给整个app 隐藏 可以在globalStyle 下 配置一个style “app-plus”: {“titleNView”: false}uni-App 去掉顶部导航栏。
uniapp 导航栏
09-01
uniapp提供了多种方式来实现导航栏的定制。可以使用自定义导航栏插件，也可以使用uni-app自带的原生导航栏。如果选择使用原生导航栏，可以在pages.json文件中进行配置。全局导航栏样式可以通过globalStyle进行设置。 另外，uni-app还提供了一些关于导航栏的配置选项。可以针对每个页面单独设置导航栏样式。如果需要取消原生导航栏，可以在全局配置中进行设置。如果只需要在单个页面中去除原生导航栏，也可以进行相应的配置。通过这些配置选项，可以实现对uniapp导航栏的定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uniapp中自定义导航栏](https://blog.csdn.net/weixin_55010007/article/details/124854131)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [uni-app导航栏](https://blog.csdn.net/YZRHANYU/article/details/127654215)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值