备案控制台
开发者社区 云计算 文章 正文

小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明？

2023-12-15 229
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明？


在app.json中的 "window"下面追加一行

"navigationStyle": "custom"

小程序顶部的白色背景条就不见了，直接变透明，只剩下右上角的胶囊按钮

警告：

如果页面有

<web-view src="{{src}}" />

这个元素，顶部标题栏背景色依旧会出现哟~~

扩展阅读


image.png

文章标签：
小程序
关键词：
小程序页面导航栏
小程序导航栏navigationbar
小程序标题栏导航栏
你挚爱的强哥
目录
相关文章
code袁
|
1月前
|
XML 小程序 JavaScript
小程序页面传值
本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转，使用`data-`属性传递参数，然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法，利用`getCurrentPages()`获取父页面实例，进而修改父页面的数据。
code袁
26 2
code袁
|
1月前
|
小程序 JavaScript 数据库
小程序登录页面
该文介绍了使用小程序云开发实现登录和注册的步骤，包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写，样式精致，包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中，重点处理了用户输入的账号和密码，通过云数据库查询验证用户是否存在，使用标志位`flag`判断，若账号或密码错误，显示相应提示。文章总结了利用for循环比对数据库账号的难点，并表达了作者的学习心得。
code袁
31 1
晓同哇哇~
|
1月前
|
小程序
小程序和页面生命周期详解
小程序和页面生命周期详解
晓同哇哇~
24 0
ai安歌
|
1月前
|
小程序 程序员
【uniapp微信小程序】自定义导航栏：非首页展示的实现方式（极为快捷方式）
【uniapp微信小程序】自定义导航栏：非首页展示的实现方式（极为快捷方式）
ai安歌
68 0
你挚爱的强哥
|
1月前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致？
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致？
你挚爱的强哥
51 0
小吴吴吴呀
|
1月前
|
存储 缓存 小程序
微信小程序页面传值的几种方式
微信小程序页面传值的几种方式
小吴吴吴呀
33 0
泡芙-草莓
|
1月前
|
小程序
小程序页面路由传参的方法？
小程序页面路由传参的方法？
泡芙-草莓
30 0
天玄TX
|
1月前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
天玄TX
111 0
天玄TX
|
1月前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
天玄TX
61 0
小蜗牛耶
|
19小时前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物咖小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物咖小程序的详细设计和实现(源码+lw+部署文档+讲解等)
小蜗牛耶
2 0

热门文章

最新文章

  • 1
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
  • 2
    使用阿里云短信+微信短链接跳转微信小程序
  • 3
    轻松学会微信小程序开发（一）
  • 4
    微信小程序开发1
  • 5
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
  • 6
    【专栏】小程序图片合成就绪渲染的转变，从异步并发渲染到同步阻塞渲染
  • 7
    python背单词小程序
  • 8
    选课小程序
  • 9
    阿里巴巴小程序繁星计划战“疫”助力在行动
  • 10
    阿里20亿小程序繁星计划你最需要知道的几个问题（0325更新）
  • 1
    小程序的数据驱动和vue的双向绑定有何异同？
    35
  • 2
    微信小程序【视频、音频】
    32
  • 3
    微信小程序如何刷新当前页面
    131
  • 4
    微信小程序——解决异步问题
    61
  • 5
    微信小程序——属性配置大全
    45
  • 6
    C#动态生成带参数的小程序二维码
    26
  • 7
    分享全栈开发医疗小程序 -带源码课件（课件无解压密码），自行速度保存
    58
  • 8
    Serverless 应用引擎常见问题之在抖音快手小程序上使用如何解决
    41
  • 9
    mpaas常见问题之小程序容器,跑起来后一直提示 "网络不给力, 请稍后再试"如何解决
    42
  • 10
    mPaaS常见问题之音视频通话微信小程序通话界面录制为画中画模式如何解决
    40

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 《云市场-小程序》
  • 数字乡村建设方案
  • mPaaS 小程序新品发布

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
  • EMAS Serverless搭建《私人云相册》小程序
  • 基于小程序Serverless开发个人相册小程序
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）