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;
}