uniapp 微信小程序 去除顶部导航栏 变透明

最新推荐文章于 2024-04-01 11:04:26 发布
最新推荐文章于 2024-04-01 11:04:26 发布
阅读量3.2k 收藏 9
点赞数 3
文章标签： 微信小程序 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44950209/article/details/126116403
版权

 

微信小程序 去除顶部导航栏 设置为透明显示  

单个页面只需在 page.json中 找到指定的页面加上          

具体使用方法 

{
"path":"../page/index/index"
"style": {				
				"navigationStyle":"custom"			
	   	}
}

只需在style中加上这段代码

 "navigationStyle":"custom"  
踩坑小白
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序----导航栏透明渐变一
12-20
微信小程序----导航栏透明渐变一：采用css3的opacity实现。
uniapp 微信小程序tabbar凸起的显示
08-25
uniapp 微信小程序tabbar凸起的显示，不闪烁。
微信小程序之实现页面顶部导航栏透明、隐藏效果（navigationBar）欢迎点赞收藏
热门推荐
XH_jing的博客
06-08 2万+
我们在开发微信小程序的过程中大家都知道，导航栏的颜色可以在 app.json 中的 window 属性里面添加 navigationBarBackgroundColor 属性，但是里面的颜色只能为纯色，不能使用 rgb 颜色，或者 rgba 的色号。 需求分析 但是有时候我们想要实现这种效果，想要让顶部的导航栏透明隐藏，这个时候就需要发动我们的小脑筋想一下要如何实现了。 我们可以看一下官网是否有此类方法：Navigation 官网说：Navigation是小程序的顶部导航组件，当页面配置 navigat
微信小程序、钉钉小程序如何去掉导航栏
最新发布
GDNLQ的博客
04-01 512
微信小程序、钉钉小程序提供的导航栏有时候满足不了需求，这时就需要去掉默认导航栏，然后自己做一个，或者写成公共组件。
uniapp HTML5+API 设置状态栏透明(沉浸式)/全屏/颜色等
BlizzardWu的博客
06-18 3674
参考文档：http://www.html5plus.org/doc/zh_cn/navigator.html 1、沉浸式状态栏 如果页面顶部是图片，一般会把状态栏变成透明。 //是否支持沉浸式状态栏 alert(plus.navigator.isImmersedStatusbar()); 默认是不支持的，会弹出false. 想让环境支持，需要修改项目下的配置文件manifest.json “plus”:{ “statusbar”: { “immersed”: true }, … } //修改完成后
uniapp 微信小程序导航
晨昱的博客
07-01 570
登录小程序后台 http://mp.weixin.qq.com 打开 设置-> 第三方设置 -> 添加插件 搜索 腾讯位置服务路线规划 添加到小程序 在 uniapp manifest.json 文件中点击源码视图 ，在mp-weixin节点下增加 "plugins": { "routePlan": { "version": "1.0.12", "provider": "wx50b5593e81dd937a" } } 增加权限设置 "permission": { "scope.us
uni-app 导航栏透明设置
m0_46653120的博客
12-01 1万+
uni-app 导航 透明 背景图
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-10 5560
小程序顶部的白色背景条就不见了，直接变透明，只剩下右上角的胶囊按钮。
uniapp微信小程序使用Echarts组件
07-28
uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>
uniapp 微信小程序 时间段选择组件
07-24
uniapp 微信小程序 时间段选择组件
[微信小程序] 自定义顶部导航栏(navigationBar)，兼容适配所有机型（完整实例）
05-25
微信小程序自定义navigationBar顶部导航栏，兼容适配所有机型（完整案例），本示例主要讲述如何隐藏掉小程序顶部导航栏，然后设置自定义navigationBar，其中涉及组件用法、参数传递、导航栏相关等，简单点来说就是将...
微信小程序----导航栏透明渐变
12-20
微信小程序----导航栏透明渐变：采用css3的颜色值rgba，通过改变其中a的值，来实现。
微信小程序-页面配置-顶部导航栏背景色渐变
11-29
自定义tabBar页面的顶部导航栏，并保持导航栏的风格与其他tabBar页面导航栏风格统一，也就是导航栏标题文字排版统一。
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
12-29
本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考，具体如下： 导航栏透明渐变效果 实现原理 1. 利用position:absolute在导航下定位一个view作为背景渐变使用; 2. 通过改变改view的opacity来实现透明渐变。 WXML <!--pages/scroll/scroll.wxml--> <view xss=removed> <scroll scroll-y=false bindscroll=scroll xss=removed> <v
沉浸式状态栏（渐变透明）
08-31
大家都见过京东、手机淘宝、天猫、等一众APP，当滑动时发现状态栏都会有变化，就是沉浸式，这个例子就很好的给出了应用；
微信小程序-顶部导航栏TopBar.zip
10-08
顶部导航栏，可以滑动，使用swiper组件和swiper-item组件来完成，做了封装，性能很好，大家可以下载来看看
UniApp开发Android全面屏让底部导航栏透明
Coding My Way
04-21 2685
使用UniApp开发安卓的程序的时候，全面屏的手机的底部导航栏，默认不是透明的，而是带颜色的背景。一般设置成和背景色一样的颜色，假装它是透明的。但是当页面内容多的时候，能够超过底部，就会看起来会特别奇怪，它的背景会遮盖页面内容。所以想设置为彻底透明的。
uniapp头部透明配置
userFriends的博客
09-15 3674
uniapp顶部原生导航栏： 1.透明渐变样式 配置page.json { "path": "nav-transparent/nav-transparent", "style": { "navigationBarTitleText": "透明渐变导航栏", "transparentTitle": "auto", "navigationBarBackgroundColor":"#CCCCCC" } }, 页面
【uni-app&小程序】状态栏和标题栏
joanmelon的博客
01-04 6473
Hi，我是宾果的救星~
uniapp微信小程序顶部导航栏文字在左侧
06-02
可以通过以下步骤将 uniapp 微信小程序顶部导航栏文字调整到左侧： 1. 在 `pages.json` 文件中，添加 `"navigationStyle": "custom"` 属性。 2. 在对应页面的 `vue` 文件中，添加以下代码： ``` <!-- ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值