账户中心 退出系统
使用手册 模板中心 账户中心
快速开始
介绍及部署
原生函数简化
页面跳转
网络请求
数据缓存
图片相关
系统信息
提示加载
头部导航
元素获取
常用函数扩展
数组操作
随机数据
日期时间
延时循环
对象操作
头部导航配置
Grace.js - 头部导航设置函数简化了头部导航 api 的用法。可以快速实现导航标题、样色等相关的配置 ~

setNavBar()

功能 : 根据设置信息设置动态改变头部导航栏
参数 : sets 一个对象,格式如下  :

属性名称示例值作用
title字符串形式的标题
修改头部导航标题·
color{frontColor:"#ffffff", backgroundColor:"#ff0000"}设置头部导航的背景颜色及文本颜色
loadingtrue / false是否展示头部导航的 loading

注意事项

{frontColor:"#ffffff", backgroundColor:"#ff0000"}
颜色编码必须小写,否则 uni-app 会报错.

演示代码

<script>
var graceJS = require('@/Grace.JS/grace.js');
export default{
	onLoad : function(){
		// 设置标题
		graceJS.setNavBar({title:"hi... grace.js"});
		// 设置标题栏颜色
		graceJS.setNavBar({color:{frontColor:"#ffffff", backgroundColor:"#ff0000"}});
		// 展示导航的 loading
		graceJS.setNavBar({loading:true});
		setTimeout(()=>{graceJS.setNavBar({loading:false});}, 2000);
	}
}
</script>