uni-app 设置页面导航条颜色

下述两种方法中颜色限制为十六进制颜色。

1.pages.json页面路由中，用style设置每一个页面的导航栏背景颜色如：

{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",//设置页面标题文字
"enablePullDownRefresh":true//开启下拉刷新

"navigationBarBackgroundColo","#000000"
}
},
...
]
}

2,使用uni.setNavigationBarColor(OBJECT)设置页面导航条颜色。如：

uni.setNavigationBarColor({
backgroundColor: '#ff0000',
})

Android 上的 backgroundColor 参数有限制，黑色大于 rgb(30,30,30), 白色小于 rgb(235,235,235)

uni-app 设置页面导航条颜色相关推荐

iOS 修改状态栏、导航条颜色及文字颜色
在开发过程中,我们总是遇到这样那样的特殊要求,比如在指定页面展示特殊的样式,完全异于整个app的风格,为此有很多办法解决,今天我来记录其中一种,我们互相学习交流.如有不妥还请指正,如有更好的方案,欢迎 ...
代码动态设置tabLayout 导航条宽度
项目用中用到了tabLayout 切换页面,但是他下面的导航栏宽度不符合要求,于是研究了半天. 不多说直接贴代码. /** * 设置tabLayout 导航条宽度 */ public void set ...
iOS小技能：自定义导航栏，设置全局导航条外观。（iOS15适配）
文章目录前言 I 自定义导航栏 1.1 自定义导航条 1.2 设置全局导航条按钮主题 1.3 设置导航条渐变颜色 1.4 ` 拦截push` II 相关代码 see also 前言需求:同一个模块 ...
HTML背景颜色长宽高怎么设置,Dreamweaver 8怎么通过代码设置页面高宽颜色
Dreamweaver 8怎么通过代码设置页面高宽颜色 dreamweaver 8怎么通过代码设置页面高宽颜色?正常我们使用dw设计网页都是用前台来设计网页的高宽,颜色等,该怎么直接使用代码完成这些设 ...
使用QML自绘页面导航条
使用QML自绘页面导航条最近使用QML制作项目,按照要求,需要制作成分页的插件.遗憾的是,QML的控件库Qt Quick都没有现成的控件,于是我尝试着自己实现自绘页面导航条. 原创文章,反对未声明的 ...
uni app 手机端导航栏自定义
uni app 手机端导航栏自定义第一步:明确顶部导航栏的构成(手机自带的顶部菜单+开发的顶部菜单栏) 获取手机自带的顶部导航栏 <view class="navigation_ba ...
Bootstrap-综合案例-编写课程页面-导航条
第一步:导入bootstrap <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
swift 设置贯穿导航条的页面背景图片
就两句话但是这边添加的背景图片要是透明的下面空白是一张透明图片尺寸比较大适合各类情况 override func viewWillAppear(animated: Bool) { supe ...
如何设置手机导航栏颜色
1. 根据不同的主题设置颜色,只适用 Android 端部分浏览器,兼容性不是很好 <meta name="theme-color" media="(prefers ...

uni-app 设置页面导航条颜色

uni-app 设置页面导航条颜色相关推荐

最新文章

热门文章