定义移动端导航栏主题色

8 years ago · 21518300b4
parent 99759b5a77
commit 21518300b4
5 changed files with 12 additions and 0 deletions
--- a/application/index/view/header.html
+++ b/application/index/view/header.html
@ -6,6 +6,7 @@
 		<meta http-equiv="x-ua-compatible" content="ie=edge">
 		<meta name="keywords" content="{$options.siteKeywords}"/>
 		<meta name="description" content="{$options.siteDes}"/>
+		<meta name="theme-color" content="#4e64d9"/>
 		<title>{$options.siteName} - {$options.siteTitle}</title>
 		
 		<!-- Font Awesome -->
--- a/application/index/view/header_home.html
+++ b/application/index/view/header_home.html
@ -3,6 +3,7 @@
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
+    <meta name="theme-color" content="#4e64d9"/>
    <title>{block name="title"}{/block}</title>  
    <script src="/static/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css" />
--- a/application/index/view/header_public.html
+++ b/application/index/view/header_public.html
@ -2,6 +2,7 @@
 	<head>
 		<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
 		<meta charset="utf-8">
+		<meta name="theme-color" content="#4e64d9"/>
 		<title>{block name="title"}{/block}</title>
 		<!-- third party -->
 		<script src="/static/js/jquery.min.js"></script>
--- a/application/index/view/home/home.html
+++ b/application/index/view/home/home.html
@ -3,6 +3,7 @@
 	<head>
 		<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
 		<meta charset="utf-8">
+        <meta name="theme-color" content="#4e64d9"/>
 		<title>我的文件 - {$options.siteName}</title>
 		<script src="/static/js/angular.min.js"></script>
 		<script src="/static/js/angular-translate.min.js"></script>
--- a/static/js/login.js
+++ b/static/js/login.js
@ -26,8 +26,13 @@ changeColor("#4e64d9","#3f51b5");
 $(".captcha_img").click(function() {
 	$("[alt='captcha']:visible").attr('src', "/captcha");
 })
+function updateMetaThemeColor(themeColor) {
+    $('meta[name=theme-color]').remove();
+    $('head').append('<meta name="theme-color" content="'+themeColor+'">');
+}
 function switchToReg(){
 	changeColor("#46adff","#2196F3");
+	updateMetaThemeColor("#2196F3");
 	$("#logForm").hide();
 	$("#regForm").show();
 	$("[alt='captcha']:visible").attr('src', "/captcha");
@ -36,6 +41,7 @@ function switchToReg(){
 }
 function switchToLog(){
 	changeColor("#4e64d9","#3f51b5");
+	updateMetaThemeColor("#3f51b5");
 	$("#regForm").hide();
 	$("#forgetForm").hide();
 	$("#logForm").show();
@ -45,6 +51,7 @@ function switchToLog(){
 }
 function switchToEmail(){
 	changeColor("#009688","#4CAF50");
+	updateMetaThemeColor("#4CAF50");
 	$("#regForm").hide();
 	$("#emailCheck").show();
 	$("#emailCheck").removeClass("animated zoomIn");
@ -52,6 +59,7 @@ function switchToEmail(){
 }
 function switchToForget(){
 	changeColor("#FF9800","#F44336");
+	updateMetaThemeColor("#F44336");	
 	$("#regForm").hide();
 	$("#logForm").hide();
 	$("#forgetForm").show();