uniapp去除顶部标题栏

于 2024-09-04 16:12:03 发布
阅读量777 收藏
点赞数 1
文章标签： 前端 uniapp vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heliang399/article/details/141895713
版权

相信很多同学和我一样，刚学uniapp的时候想去除自带的这个标题栏不知道如何去除🤪

其实很简单，只需两个步骤即可彻底除掉，首先找到项目文件夹下的pages.json路由文件点开，在这个文件里可以看到你创建的所有页面，然后在你想要去除头部标题栏的页面中添加"navigationStyle": "custom"即可去除😁

对你有帮助的话记得点个赞呦😘😘😘

iheliang
关注
uni-app - 去除所有页面顶部标题栏
王佳斌
05-12 4590
前言 去掉全部或某一页面的顶部标题栏，如下图所示： 去除全部页面 该示例是去除全部页面的标题栏。 在 pages.json > globalStyle 下加入以下代码。 "navigationStyle": "custom" 示例代码： "pages": [...], "globalStyle": { "navigationStyle": "custom" } 去除某个页面 同理，只是配置的地方不同而已。 "pages": [//https://uniapp.dcloud.io/coll
uniapp自定义顶部导航栏
weixin_43242112的博客
08-13 1万+
先上效果图： 下面是实现步骤 一、去掉原生的导航栏 在pages.json中对需要去掉原生顶部导航栏的页面配置中做如下配置： { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "navigationBarBackgroundColor":"#1890FF", "navigationBarTextStyle": "white", "navigationStyle":"custom",/
uni-app去除页面头部的标题栏
weixin_45966674的博客
03-01 3130
我们只需要在pages.json中 指定page的 style中加入。配置在我们项目根目录的 pages.json中。uniapp项目 每个界面都会有一个标题栏。对应的page 就没有这个标题栏了。上面还是有一条黑的 体验非常差。
去掉uni-app顶部标题
only_cheng的博客
11-02 7871
单独的页面隐藏 可以在pages.json里 单独的路由style下面配置 “app-plus”: {“titleNView”: false} "path": "pages/index/index", "style": { // "navigationBarTitleText": "拉新奖励" "app-plus":{ "titleNView": false } } 给整个app 隐藏 可以在globalStyle 下 配置一个style “app-plus”: {“title
uniappH5去掉页面标题
m0_67388537的博客
07-15 2839
-- 这里是状态栏 -->
uniapp关闭默认title
weixin_43167546的博客
08-06 2427
uniapp关闭默认title 在pages.json 的 pages中, 找到对应的页面的style, 输入下边代码 "style" : { "navigationStyle": "custom", "app-plus": { "titleNView": false } }
uniapp自定义弹窗时去掉title栏
热门推荐
凭时间赢来的东西，时间肯定会为之作证
11-21 6万+
最近在微信小程序项目中有这么一个需求，当点击页面中某一个元素时，调起弹窗显示相应的组件并且隐藏掉`title`栏，点击组件中的关闭图标时，弹窗销毁并显示相应的`title`栏。找了一下发现好多都不太对，于是记录下实现过程。
uniapp和微信小程序去掉顶部标题
delusional_的博客
10-24 3045
解决uniapp或者微信小程序去掉顶部标题
uniapp关于支付宝小程序或钉钉小程序标题栏自定义.txt
12-30
### uniapp中支付宝小程序与钉钉小程序标题栏自定义详解 #### 一、背景介绍 在uniapp开发过程中，为了适应不同的小程序平台（如微信、支付宝、钉钉等），开发者经常需要对页面进行定制化处理，以满足不同平台的...
uniapp 去除顶部状态栏
最新发布
08-01
如果你想要在uniApp项目中去除顶部状态栏，你可以通过配置` uni-app ` 的启动模板或者在页面组件上设置样式来实现。 **方法一：全局配置** 1. 打开项目的`config/index.js`文件。 2. 设置`window`对象的`...
uniapp中view标题栏显示隐藏
m0_49714202的博客
05-28 2308
<template> <view class="page"> <view class="box"> <view>一级导航栏✔</view> <view class="list"> <view>二级导航栏</view> <view>三级导航栏</view> <view>四级导航栏</view> <view>
uniapp去除顶部导航栏
08-10
你可以在UniApp中使用以下方法来去除顶部导栏： 1. 使用 `pages.json` 文件中的 `"navigationBarTitleText"` 字段设置导航栏标题为空，这样导航栏将不会显示标题。 ```json "navigationBarTitleText": "" ``` 2. ...
uni-app：删除默认title
文龙刚的博客
07-07 953
【代码】uni-app：删除默认title。
前端学习（2347）：创建新页面和配置
歌谣的博客
10-04 798
pages.json { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path" : "pages/message/message", "style" : { "navigationBarTitleText": "信息页", "navigationBarBackgroundColor": "#7FFF00", "h5":{ ..
uniCloud云开发----6、uniapp配置tabbar底部导航栏和去掉uni-app顶部标题
m0_50207524的博客
01-05 2117
tabbar文档在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。1、当设置 position 为 top 时，将不会显示 icon2、tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
uniapp项目怎么删除顶部导航栏
m0_55333789的博客
01-10 2172
uniapp项目怎么删除顶部导航栏
uniapp取消原生顶部导航栏的方法
ruixuefine的博客
08-25 1506
uniapp取消原生顶部导航栏的方法
uniapp去除顶部返回按钮/返回键
weixin_60819463的博客
07-21 4170
其实很简单，一行代码就能搞定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值