GraceUI - Grace.js - 头部导航设置

头部导航设置

Grace.js - 头部导航设置函数简化了头部导航 api 的用法，可以快速实现导航标题、样色等相关的配置。

setNavBar()

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

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

注意事项

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

演示代码

<script>
var graceJS = require('@/GraceUI5/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>

手册版本 V5.0

setNavBar()