关于微信小程序如何去掉顶部标题，自定义标题详细讲解

最新推荐文章于 2024-04-01 11:04:26 发布

草莓丸子不加冰

最新推荐文章于 2024-04-01 11:04:26 发布

阅读量5.3k

点赞数

分类专栏： vue

本文链接： https://blog.csdn.net/qq_43690438/article/details/114278182

版权

关于微信小程序如何去掉顶部

今天工作要求去掉小程序顶部，做成自定义样式，百度后看到一码友写的不错，附上链接：自定义小程序顶部
下面是我新建后做的例子：
首先新建后结构如下：（图片是我自己添加的，用于顶部背景图）
找到app.json文件
原文档：

将default默认样式改成custom即可

"navigationStyle": "custom&

立减 ¥

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
关于微信小程序如何去掉顶部标题，自定义标题详细讲解

关于微信小程序如何去掉顶部今天工作要求去掉小程序顶部，做成自定义样式，百度后看到一码友写的不错，附上链接：自定义小程序顶部下面是我新建后做的例子：首先新建后结构如下：（图片是我自己添加的，用于顶部背景图）找到app.json文件原文档：将default默认样式改成custom即可"navigationStyle": "custom",示例：未修改（可以看到顶部是默认的文字，背景我改成了粉色，下面自己加了图）修改后：（有没有很神奇，顶部默认的文字样式会将
复制链接

扫一扫

专栏目录

如何去掉微信小程序的自带头部，自定义创建？

lb191258514的博客

04-09

5474

一、如何去掉微信小程序的自带头部，自定义创建？在进行微信小程序的开发中微信小程序的头部会默认生成一个头部，用来展示每个pages页面标题，可以在app.json中的window中进行配置，但是它自身带的头部，只是能简单的配置，比如添加文字，背景颜色等等。但是有时候这些配置无法满足我们对于头部的要求，可能我们会想添加一个图标或者进行多样化的布局，这个时候我们就要把微信小程序自带的头部移除创建自己的头部样式。在app.json 的window中配置： "navigationStyle":"custo

怎么去掉微信小程序自带的顶部标题？

m0_61629497的博客

12-19

688

如下图所示怎么清除这个顶部导航？因为我是多端的小程序，所以用的uniapp开发的，接下来以uniapp为例；顶部导航栏即可去除，在微信小程序中也是如此。

2 条评论您还未登录，请先登录后发表或查看评论

小程序嵌套web-view无法隐藏head标题问题

qq_42503333的博客

06-19

751

在小程序嵌套H5页面会有一个head的区域，如果你当前页面没有head，那你的内容就会挤下来。而小程序又没有提供隐藏的方式所以我们换种思路。3.在使用页面，判断当前你需不需要跳转到H5页面.2.在H5页面跳转到使用的页面上去。1.新建一个中间页当成跳转的容器。这样就不会影响样式问题了。

微信小程序、钉钉小程序如何去掉导航栏

最新发布

GDNLQ的博客

04-01

426

微信小程序、钉钉小程序提供的导航栏有时候满足不了需求，这时就需要去掉默认导航栏，然后自己做一个，或者写成公共组件。

app内嵌套部分webview滑动联动的问题

D_2016的博客

04-15

922

首先状况为app内嵌套了部分webview，如图：需求是在一开始滑动webview的时候，整个页面一起向上或向下，可以达到这种效果：，（1）滑上去，tab吸顶，下面全部显示webview，webview里面是个可滑动的列表，可以上拉加载更多；（2）当webview里面滑上去一部分后，向下滑，要先能滑回到webview的最上面，然后再下滑时，整个页面一起滑动，可以重新看到tab上面的...

uni-app开发常用操作速查记录

weixin_43401380的博客

12-02

4241

uni-app开发常用操作速查记录

现成组件，详细教程：Uniapp去除微信小程序顶部导航栏，但保留标题和返回按钮；组件经多次调优，近乎完美

ChuanyangChen的博客

09-26

5461

这篇文章是在微信小程序原生开发的基础上设计的，但是最近又做到了Uni-app的项目，好巧不巧又得适配小程序端，顶部这个导航栏就有得折腾了。好在之前在原生上折腾过一次，这篇文章就整理一下Uni-app上如何去除这个默认样式后，依旧显示标题和返回按钮。⭕️ 注意：这里我是利用Store去存放“状态栏高度”这个变量，如果你不想用Store，想直接用全局变量也是可以的。没记错的话Uniapp自带Store，不需要安装，只需要创建store文件夹，并编写index.js 文件。至此，组件的准备工作就结束啦。

uniapp H5 微信小程序 去掉顶部标题

maoge_666的博客

04-11

1691

uniapp H5 微信小程序 去掉顶部标题

去掉微信小程序顶部

yjdyyds的博客

12-22

515

"navigationStyle":"custom", JSON

小程序显示在聊天顶部后怎么取消？

xuxu20042004的专栏

01-10

3802

第一步，点开微信“发现”，找到“小程序” 　　　　第二步，找到小程序页面右上角的三个点，点开，选择“显示在聊天顶部” 　　 小程序显示在聊天顶部的取消方法　　第一步，在聊天页面顶部选择需要取消置顶的微信小程序 　　第二步，在小程序页面点击左上角【X】

【小程序】微信小程序取消全局或单个页面的标题栏

LuviaWu的博客

06-21

4885

1、取消全部标题栏：在app.json里的window加上：navigationStyle:custom 。顶部导航栏就会消失,保留右上角胶囊状的按钮 "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#444", "navigationBarTitleText": "小程序名字", "navigationBarTextStyle": "white", "na

[微信小程序开发]如何去掉或隐藏小程序顶部栏navigationBar

03-29

小程序全局配置app.josn增加选项："navigationStyle": "custom", 具体如下：原生小程序开发打开 app.json： { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#000", "navigationStyle": "custom", "navigationBarTitleText": "WeChat" } } mpvue方式开发小程序>

微信小程序自定义头部标题导航栏

05-24

* show: 显示导航标题栏，默认显示 * title: 导航栏标题 * bgColor: 导航栏背景颜色，默认透明'transparent' * noSticky: 取消导航栏粘性布局(不占头部导航栏位置)，默认不取消 * opacity: 导航栏透明度，默认1...

微信小程序实现拍照界面自定义实现

03-29

在微信小程序中实现自定义拍照功能主要使用到如下的组件和API 1：camera组件常见的属性有: (1)：mode 应用模式，只在初始化时有效，不能动态变更，参数有：normal(相机模式),scanCode(扫码模式) ，默认为normal (2)...

微信小程序 配置顶部导航条标题颜色的实现方法

08-29

主要介绍了微信小程序 配置顶部导航条标题颜色的实现方法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下

微信小程序城市列表选择自定义组件

03-11

微信小程序城市选择自定义组件可设置热门城市可根据首字母定位城市列表可动态设置城市列表和筛选字母列表

微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例

10-17

主要介绍了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能,结合实例形式分析了微信小程序自定义顶部TabBar选项卡页面切换功能的相关布局、样式及功能实现技巧,需要的朋友可以参考下

微信小程序-模板与配置

lvxinaidou的博客

06-19

1065

模板与配置文章目录模板与配置1、WXML模板语法1.1、数据绑定1.1.1、数据绑定的基本原则1.1.2、在 data 中定义页面的数据1.1.3、Mustache 语法的格式1.1.4、Mustache 语法的应用场景1.1.5、动态绑定内容1.1.6、动态绑定属性1.1.7、三元运算1.1.8、算数运算1.2、事件绑定1.2.1、什么是事件1.2.2、小程序中常用的事件1.2.3、事件对象的属性列表1.2.4、target 和 currentTarget 的区别1.2.5、bindtap 的语法

小程序onPageScroll上滑显示，下滑隐藏

Zan_Z的博客

06-18

2360

说明：因onPageScroll执行过于频繁，为了减少运行，在条件不满足时onPageScroll不执行方法。且每次运行会清除原来的 1.简化前 //util.js公共方法（怎么调用我就不写啦） function scrollFloatwindow(e,that){ if (e.scrollTop <= 0) { e.scrollTop = 0; //最顶部 } else if (e.scrollTop > that.data.scrollHeight) { e.

微信小程序自定义顶部导航

10-13

要自定义微信小程序的顶部导航，可以使用wx.setNavigationBarColor()和wx.setNavigationBarTitle()两个API来实现。其中，setNavigationBarColor()可以设置导航栏的背景色和文字颜色，而setNavigationBarTitle()则...