bookdetail.html

@@ -171,7 +171,8 @@
 				mulu_Mask: $("mulu_Mask"),
 				mulu_Cons: $("#mulu_Cons"),
 				muluList: $("#muluList"),
-				bkList: $("#bk-list")
+				bkList: $("#bk-list"),
+				header: $("#header")
 			}
 			//数据层的初始化
 			var RootContainer = $('.Content');
@@ -248,7 +249,8 @@
 					if (!CurrFontSize) {
 						CurrFontSize = 18;
 					}
-					let html = "<br/><h4 style='text-align: center; font-size: " + CurrFontSize + "px'>" + jsonObj.t + "</h4>";
+					TitleFontSize = CurrFontSize + 6;
+					let html = "<br/><br/><br/><br/><br/><h4 style='font-size: " + TitleFontSize + "px'>" + jsonObj.t + "</h4><br/>";
 					if (jsonObj.ct) {
 						let hLevel = 4;
 						for (let i = 0; i < jsonObj.ct.length; i++) {
@@ -613,6 +615,7 @@
 				var updateBgColor = function(target, type) {
 					$(target).addClass("bk-container-current");
 					Dom.body.css('background-color', bkCurrColor);
+					Dom.header.css('background-color', bkCurrColor);
 					//更新日夜模式
 					let model = $(target).parent(".bk-item")[0].id;
 					if (model === 'hl') {

css/main.css

@@ -8,11 +8,10 @@ body {
 }
 
 .Content h4 {
-	font-size: 20px;
+	font-size: 24px;
 	margin: 0 0 1em 0;
 	padding-bottom: 5px;
 	letter-spacing: 2px;
-	border-bottom: solid 1px #736357;
 	color: #000;
 }
 
@@ -20,7 +19,7 @@ p {
 	text-indent: 2em;
 	font-size: 18px;
 	text-align: justify;
-	line-height: 23px;
+	line-height: 33px;
 	padding-bottom: 5px;
 	color: #000;
 }
@@ -93,6 +92,7 @@ p {
 	display: flex;
 	align-items: center;
 	justify-content: flex-start;
+	background: #e9dfc7;
 }
 
 .top_mulu_return {