castapp.js颜色配置

1  修改head的背颜色

(1) header添加class  publicHead

<header class="mui-bar mui-bar-nav publicHead">

<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

 <h1 class="mui-title">a页面</h1>

</header>

(2)添加样式

.publicHead {

background: #007AFF;

}

.publicHead a, .publicHead h1 {

color: #fff;;

}

(3)引入

<link rel="stylesheet" type="text/css" href="css/home.css"/>

2   修改状态栏的颜色

<script src="js/castapp.js"></script>

<script type="text/javascript">

        ca.init(false)  //白色 

        ca.init(true)   //黑色 

</script> 

3 修改tab的选中颜色

打开开发者工具,选中tab的a标签..复制选中颜色的css样式进行修改即可

.mui-bar-tab .mui-tab-item.mui-active {

    color: #8A6DE9;

}