【微信小程序】自定义导航栏（navigationStyle=custom）

作者：2023面试高手 | 2024-03-11 13:50:36

踩

navigationstyle

前言

基础库 2.12.0
开发者工具 1.03.2008270

自定义导航栏

navigationStyle 可用的值为：default 默认样式、custom 自定义导航栏（只保留右上角胶囊按钮）。自微信客户端 7.0.0（基础库 2.5.2）开始支持。

在哪里定义 navigationStyle

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。

示例：

{
  "navigationStyle": "custom"
}
1
2
3

运行效果（下图红框中即是运行效果）：
在这里插入图片描述

参考

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html
https://developers.weixin.qq.com/miniprogram/dev/extended/weui/navigation.html

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/219409

【微信小程序】 自定义导航栏（navigationStyle=custom）

前言

自定义导航栏

在哪里定义 navigationStyle

参考

【微信小程序】自定义导航栏（navigationStyle=custom）