From 6be0b7cf6f8c6ae69373d28e8c7910798906d1a2 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 24 五月 2024 16:44:54 +0800
Subject: [PATCH] 优化
---
src/books/lifeCare/view/chapter018.vue | 20 +++++-----
src/books/lifeCare/index.vue | 4 +-
src/books/lifeCare/view/chapter010.vue | 5 --
src/books/lifeCare/css/default.less | 81 +++++++++++++++++++++++-----------------
src/books/lifeCare/image/zt.png | 0
src/App.vue | 2
6 files changed, 60 insertions(+), 52 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 3819dd1..648b032 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
} else {
this.activeBook = await this.config.getBookConfig(
// childHealth
- this.config.resourceCtx + "english"
+ this.config.resourceCtx + "lifeCare"
);
console.log('ac',this.activeBook);
this.config.activeBook = this.activeBook;
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 337909b..68f329b 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -62,26 +62,26 @@
.header-bj {
width: 78%;
height: 100%;
- border-left: 1px solid #dfb27d;
- border-bottom: 1px solid #dfb27d;
+ border-left: 2px solid #dfb27d;
+ border-bottom: 2px solid #dfb27d;
margin-left: 18%;
}
.content {
- background-color: #f49a4c;
+ background-color: #F49A4C;
width: 91%;
height: 32%;
display: flex;
justify-content: flex-start;
align-items: center;
- margin-top: -5%;
+ margin-top: -6%;
margin-left: 3%;
.pageStr {
- padding: 2px 12px;
color: #fff;
font-size: 24px;
text-align: center;
+ margin: 0 20px;
}
.title {
@@ -90,31 +90,41 @@
align-items: center;
color: #fff;
font-size: 20px;
+ position: relative;
img {
height: 30px !important;
margin-right: 20px;
}
- }
- }
- @media (max-width: 414px) {
-
- .content {
- right: 3%;
- top: 4%;
-
- .title {
- font-size: 18px;
- padding: 2px 10px;
+ .ztImg {
+ height: 40px !important;
+ margin-top: -4px;
}
}
}
- @media (max-width: 756px) {
+ .zt1-content {
+ background-color: #f7b80a;
+ }
+ .zt1-header-bj {
+ border-left-color: #a5c24f;
+ border-bottom-color: #a5c24f;
+ }
+
+
+ @media (max-width: 756px) {
.content {
margin-top: -12%;
+
+ .title {
+ font-size: 18px;
+ }
+
+ .pageStr {
+ font-size: 18px;
+ }
}
}
}
@@ -136,8 +146,8 @@
align-items: center;
font-size: 20px;
position: absolute;
- right: 5%;
- top: 5%;
+ right: 36px;
+ top: 80px;
.second-left {
width: 23px;
@@ -171,44 +181,45 @@
font-size: 28px;
color: #fff;
}
- }
- }
- @media (max-width: 414px) {
+ .zt1-pageNum {
+ background-color: #a5c24f;
+ }
- .second-con {
- right: 3%;
- top: 4%;
-
- .second-right .pageNum {
- font-size: 18px;
- padding: 2px 10px;
+ .zt1-pageStr {
+ color: #a5c24f;
}
}
}
@media (max-width: 756px) {
-
.second-con {
- right: 3%;
- top: 4%;
+ font-size: 18px;
+
+ .pageNum {
+ font-size: 18px !important;
+ }
}
}
@media (max-width: 1024px) {
.second-con {
- right: 3%;
- top: 3%;
+ right: 20px;
+ top: 75px;
}
}
.borderLine {
width: 93%;
- height: 1px;
+ height: 2px;
background-color: #f49a4c;
margin-top: 105px;
}
+
+ .zt1-boderLine {
+ background-color: #a5c24f;
+ }
}
}
diff --git a/src/books/lifeCare/image/zt.png b/src/books/lifeCare/image/zt.png
new file mode 100644
index 0000000..b3135c0
--- /dev/null
+++ b/src/books/lifeCare/image/zt.png
Binary files differ
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index 20f1269..9aebbbb 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -56,7 +56,7 @@
export default {
data() {
return {
- catalogLength: 7, // 鎬荤珷鑺傛暟
+ catalogLength: 18, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -88,7 +88,7 @@
},
mounted() {
// 榛樿鍔犺浇绔犺妭
- this.showCatalogList = [0];
+ this.showCatalogList = [10];
// 婊氬姩鐩戝惉鑺傛祦
this.throttledScrollHandler = _.throttle(
this.scrollFun,
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/chapter010.vue
index 0c43294..3c9e10f 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/chapter010.vue
@@ -78,13 +78,13 @@
<div class="content">
<div class="pageStr">2-2</div>
<div class="title">
+ <!-- <img class="ztImg" src="../image/zt.png" alt="" /> -->
<img src="../image/chapter.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
</div>
</div>
-
<div class="bodystyle">
<p>
杩戝勾鏉ワ紝闅忕潃缁忔祹绀句細鍙戝睍锛屸�滀笁瀛╂斂绛栤�濈殑钀藉湴涓庢寔缁帹杩涳紝浜轰滑瀵�0锝�3宀佸┐骞煎効鐓ф姢鏈嶅姟鐨勯渶姹傛棩鐩婅揩鍒囷紝绀句細瀵瑰叾鐓ф姢鏈嶅姟鐨勫叧娉ㄥ害涔熶笉鏂彁鍗囥�傚厷鐨勪簩鍗佸ぇ鎻愬嚭瑕佸湪鈥滃辜鏈夋墍鑲测�濇柟闈㈡寔缁敤鍔涖�傛牴鎹�婂浗鍔￠櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬭姹傦紝鍥藉鍗敓鍋ュ悍濮斿埗瀹氬苟鍙戝竷浜嗐�婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬶紝浠ユ寚瀵兼墭鑲叉満鏋勪负3宀佷互涓嬪┐骞煎効鎻愪緵绉戝銆佽鑼冪殑鐓ф姢鏈嶅姟銆�
@@ -206,7 +206,6 @@
<div class="borderLine"></div>
</div>
</div>
-
<div class="bodystyle">
<p>
绗叚锛岄闃茬柧鐥呭拰鎰忓浼ゅ銆傚畾鏈熷濠村辜鍎胯繘琛岀敓鐞嗗拰蹇冪悊鍙戣偛妫�鏌ワ紝浠ヤ究鍙婃椂鍙戠幇闅愭偅锛屽敖鏃╂不鐤椼�傛敞灏勭柅鑻楁槸棰勯槻鐤剧梾鐨勯噸瑕佹墜娈典箣涓�銆傚鎰忓鐨勯闃蹭富瑕佸寘鎷繚璇佸┐骞煎効鐢熸椿鐜鐨勫畨鍏ㄦ�с�佸濠村辜鍎胯繘琛屽畨鍏ㄦ暀鑲层�侀伩鍏嶅┐骞煎効鐙绛夈��
@@ -318,7 +317,6 @@
</div>
</div>
</div>
-
<div class="bodystyle">
<h4 class="h4-zt" id="d093">锛堜笁锛夊彂灞曢樁娈碉紙1990鈥�2000骞达級</h4>
<p>
@@ -360,7 +358,6 @@
<div class="borderLine"></div>
</div>
</div>
-
<div class="bodystyle">
<h3 id="c036">
<span class="bk1-h3"
diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/chapter018.vue
index fd4eaed..9c12f58 100644
--- a/src/books/lifeCare/view/chapter018.vue
+++ b/src/books/lifeCare/view/chapter018.vue
@@ -1,19 +1,19 @@
锘�<template>
<div class="chapter" num="17">
<div class="page-box">
- <div class="bodystyle">
- <div class="header">
- <div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-96</div>
- <div class="title">
- <img src="../image/chapter.png" alt="" />
- <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
- </div>
+ <div class="header">
+ <div class="pageHeader-first">
+ <div class="header-bj"></div>
+ <div class="content">
+ <div class="pageStr">2-96</div>
+ <div class="title">
+ <img src="../image/chapter.png" alt="" />
+ <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
</div>
+ </div>
+ <div class="bodystyle">
<div style="text-align: center; font-size: 22px; font-weight: 700">
鍙傝�冩枃鐚�
</div>
--
Gitblit v1.9.1