From 89b824fa0610622e869510c1e0df6c7d3560b943 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 13 六月 2024 19:22:23 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/view/components/chapter015.vue | 90 +++---
.env.product | 4
src/books/lifeCare/view/components/index.vue | 2
src/books/lifeCare/css/default.less | 157 +++++++++-
src/books/lifeCare/view/components/chapter018.vue | 2
src/books/lifeCare/view/components/chapter012.vue | 25
src/books/lifeCare/view/components/chapter014.vue | 216 +++++++-------
src/books/lifeCare/view/components/chapter016.vue | 72 ++--
src/books/artAndDrama/view/components/header.vue | 6
src/books/artAndDrama/assets/main.less | 91 +++++
src/books/artAndDrama/view/components/chapter001.vue | 20
src/books/lifeCare/view/components/chapter013.vue | 100 +++---
src/App.vue | 2
src/books/lifeCare/view/components/chapter017.vue | 54 +-
14 files changed, 523 insertions(+), 318 deletions(-)
diff --git a/.env.product b/.env.product
index eb40f51..307f663 100644
--- a/.env.product
+++ b/.env.product
@@ -1,6 +1,6 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
-VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/childHealth'
+VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/artAndDrama'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook"
-VUE_APP_BOOK_ID = 'childHealth'
\ No newline at end of file
+VUE_APP_BOOK_ID = 'artAndDrama'
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 58ee2a9..77be6ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,7 +65,7 @@
process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "mathBook")
+ : "artAndDrama")
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 8e97bab..b30b770 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -421,7 +421,9 @@
margin-bottom: 20px;
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
+ padding-bottom: 117px;
}
+
ul {
list-style: none;
margin: 0;
@@ -510,9 +512,90 @@
outline: none;
}
}
+ .page-footer {
+ position: relative;
+ display: flex;
+ align-items: center;
+ position: absolute;
+ bottom: 0;
+ /* 鍨傜洿灞呬腑 */
+ }
+
+ .page-footer-image {
+ /* 鍥剧墖鏍峰紡 */
+ max-width: 100%;
+ height: auto;
+ position: relative;
+ /* 纭繚.page-footer-number鍙互鐩稿浜庡浘鐗囧畾浣� */
+ z-index: 1;
+ /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+ }
+
+ .page-footer-number-left {
+ color: black;
+ left: 15%;
+ position: absolute;
+ /* 缁濆瀹氫綅椤电爜 */
+ font-size: 2em;
+ /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
+ z-index: 2;
+
+ /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+ /* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
+ &::before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ /* 鍨傜洿灞呬腑 */
+ left: 50%;
+ /* 姘村钩灞呬腑 */
+ transform: translate(-50%, -50%);
+ /* 绉诲姩鍒颁腑蹇� */
+ width: 1.2em;
+ /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村渾褰㈠ぇ灏� */
+ height: 1.2em;
+ border-radius: 50%;
+ /* 鍦嗗舰 */
+ background-color: rgba(208, 226, 179);
+ /* 鑳屾櫙棰滆壊 */
+ z-index: -1;
+ /* 纭繚鍦嗗舰鑳屾櫙鍦ㄦ枃鏈笅鏂� */
+ }
+ }
+ .page-footer-number-right {
+ color: black;
+ right: 15%;
+ position: absolute;
+ /* 缁濆瀹氫綅椤电爜 */
+ font-size: 2em;
+ /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
+ z-index: 2;
+
+ /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+ /* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
+ &::before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ /* 鍨傜洿灞呬腑 */
+ left: 50%;
+ /* 姘村钩灞呬腑 */
+ transform: translate(-50%, -50%);
+ /* 绉诲姩鍒颁腑蹇� */
+ width: 1.2em;
+ /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村渾褰㈠ぇ灏� */
+ height: 1.2em;
+ border-radius: 50%;
+ /* 鍦嗗舰 */
+ background-color: rgba(208, 226, 179);
+ /* 鑳屾櫙棰滆壊 */
+ z-index: -1;
+ /* 纭繚鍦嗗舰鑳屾櫙鍦ㄦ枃鏈笅鏂� */
+ }
+ }
}
- /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
- @media (max-width: 430px) {
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
.ans-drama {
.page-box {
min-height: 750px;
@@ -535,6 +618,9 @@
.video-box {
max-width: 260px;
}
+ .page-box{
+ min-height: 500px;
+ }
}
}
@media (min-width: 660px) {
@@ -548,6 +634,7 @@
.video-box {
max-width: 370px;
}
+
}
}
::-webkit-scrollbar {
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 661d83d..0de2d1b 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -1,6 +1,6 @@
<template>
<div class="chapter" num="2">
- <div class="page-box" page="4" style="min-height: auto">
+ <div class="page-box" page="4">
<div v-if="showPageList.indexOf(4) > -1">
<h1 id="a004">
<!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
@@ -28,7 +28,7 @@
</div>
</div>
</div>
- <div class="page-box" page="5" style="min-height: auto">
+ <div class="page-box" page="5">
<div v-if="showPageList.indexOf(5) > -1">
<h1>
<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -60,7 +60,7 @@
</div>
</div>
</div>
- <div class="page-box" page="6" style="min-height: auto">
+ <div class="page-box" page="6">
<div v-if="showPageList.indexOf(6) > -1">
<h1>
<img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
@@ -98,7 +98,7 @@
</div>
</div>
</div>
- <div class="page-box" page="7" style="min-height: auto">
+ <div class="page-box" page="7">
<div v-if="showPageList.indexOf(7) > -1">
<h1>
<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -147,7 +147,7 @@
</div>
</div>
</div>
- <div class="page-box" page="8" style="min-height: auto">
+ <div class="page-box" page="8">
<div v-if="showPageList.indexOf(8) > -1">
<h1>
<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -190,7 +190,7 @@
<div class="page-footer-number-right">5</div>
</div>
</div>
- <div class="page-box" page="9" style="min-height: auto">
+ <div class="page-box" page="9">
<div v-if="showPageList.indexOf(9) > -1">
<h1>
<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -220,7 +220,7 @@
<div class="page-footer-number-left">6</div>
</div>
</div>
- <div class="page-box" page="10" style="min-height: auto">
+ <div class="page-box" page="10">
<div v-if="showPageList.indexOf(10) > -1">
<h1>
<img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
@@ -277,7 +277,7 @@
<div class="page-footer-number-right">7</div>
</div>
</div>
- <div class="page-box" page="11" style="min-height: auto">
+ <div class="page-box" page="11">
<div v-if="showPageList.indexOf(11) > -1">
<h1>
<img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
@@ -298,7 +298,7 @@
<div class="page-footer-number-left">8</div>
</div>
</div>
- <div class="page-box" page="12" style="min-height: auto">
+ <div class="page-box" page="12">
<div v-if="showPageList.indexOf(12) > -1">
<h1>
<img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
@@ -332,7 +332,7 @@
<div class="page-footer-number-right">9</div>
</div>
</div>
- <div class="page-box" page="13" style="min-height: auto">
+ <div class="page-box" page="13">
<div v-if="showPageList.indexOf(13) > -1">
<h1>
<img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
diff --git a/src/books/artAndDrama/view/components/header.vue b/src/books/artAndDrama/view/components/header.vue
index 3b8fa3e..a6ef7ec 100644
--- a/src/books/artAndDrama/view/components/header.vue
+++ b/src/books/artAndDrama/view/components/header.vue
@@ -1,16 +1,16 @@
<template>
<div class="chapter" num="1">
- <div class="page-box mt-20" page="1" style="min-height: auto">
+ <div class="page-box mt-20" page="1" style="padding-bottom: 0px;" >
<div v-if="showPageList.indexOf(1) > -1">
<img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
</div>
</div>
- <div class="page-box mt-20" page="2" style="min-height: auto">
+ <div class="page-box mt-20" page="2" style="padding-bottom: 0px;" >
<div v-if="showPageList.indexOf(2) > -1">
<img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
</div>
</div>
- <div class="page-box " page="3">
+ <div class="page-box " page="3" style="padding-bottom: 0px;" >
<div v-if="showPageList.indexOf(3) > -1" >
<ul class="fl fl-cl ju-bt pg-mh" style="display: flex; flex-direction: column; justify-content: flex-end; " >
<li>
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index c98b62e..a7c0913 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -257,8 +257,9 @@
font-family: "瀹嬩綋";
- .rightPng{
+ .rightPng {
float: left;
+ width: 60%;
}
.bk1-h3 {
@@ -365,11 +366,23 @@
}
.zt04-con {
- background-color: #b786bb;
+ background-color: #6eb1e1;
}
.zt05-con {
- background-color: #b786bb;
+ background-color: #8f92c7;
+ }
+
+ .zt06-con {
+ background-color: #f26b66;
+ }
+
+ .zt07-con {
+ background-color: #8acfba;
+ }
+
+ .zt08-con {
+ background-color: #a97b50;
}
@@ -389,13 +402,28 @@
}
.zt04-bj {
- border-left: 2px solid #6eb1e1;
- border-bottom: 2px solid #6eb1e1;
+ border-left: 2px solid #fbb45e;
+ border-bottom: 2px solid #fbb45e;
}
.zt05-bj {
- border-left: 2px solid #6eb1e1;
- border-bottom: 2px solid #6eb1e1;
+ border-left: 2px solid #f48f9d;
+ border-bottom: 2px solid #f48f9d;
+ }
+
+ .zt06-bj {
+ border-left: 2px solid #fec128;
+ border-bottom: 2px solid #fec128;
+ }
+
+ .zt07-bj {
+ border-left: 2px solid #8f92c7;
+ border-bottom: 2px solid #8f92c7;
+ }
+
+ .zt08-bj {
+ border-left: 2px solid #8b9da7;
+ border-bottom: 2px solid #8b9da7;
}
@media (max-width: 756px) {
@@ -431,7 +459,7 @@
font-size: 20px;
position: absolute;
right: 36px;
- top: 85px;
+ top: 88px;
.second-left {
width: 23px;
@@ -451,12 +479,27 @@
.zt04-left {
width: 20px;
- background-color: #b786bb;
+ background-color: #6eb1e1;
}
.zt05-left {
width: 20px;
- background-color: #b786bb;
+ background-color: #8f92c7;
+ }
+
+ .zt06-left {
+ width: 20px;
+ background-color: #f26b66;
+ }
+
+ .zt07-left {
+ width: 20px;
+ background-color: #8acfba;
+ }
+
+ .zt08-left {
+ width: 20px;
+ background-color: #a97b50;
}
.second-right {
@@ -474,10 +517,10 @@
}
.zt-pen {
- height: 40px;
+ height: 35px;
position: absolute;
- left: -50px;
- top: -10px;
+ left: -40px;
+ top: -8px;
}
.pageStr {
@@ -486,22 +529,58 @@
.zt01-Str {
color: #a5c24f;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
}
.zt02-Str {
color: #6eb1e1;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
}
.zt03-Str {
color: #a97b50;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
}
.zt04-Str {
- color: #6eb1e1;
+ color: #f49a4c;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
}
.zt05-Str {
- color: #6eb1e1;
+ color: #f48f9d;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt06-Str {
+ color: #fec128;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt07-Str {
+ color: #b0a4cf;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
+ }
+
+ .zt08-Str {
+ color: #8b9da7;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ letter-spacing: 2px;
}
@@ -535,13 +614,31 @@
.zt04-pageNum {
padding: 0 35px 0 20px;
text-align: left;
- background-color: #6eb1e1;
+ background-color: #f49a4c;
}
.zt05-pageNum {
padding: 0 35px 0 20px;
text-align: left;
- background-color: #6eb1e1;
+ background-color: #f48f9d;
+ }
+
+ .zt06-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #fec128;
+ }
+
+ .zt07-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #b0a4cf;
+ }
+
+ .zt08-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #8b9da7;
}
}
@@ -590,13 +687,31 @@
}
.zt04-bdline {
- background-color: #6eb1e1;
+ background-color: #f49a4c;
width: 88%;
margin-right: 20px;
}
.zt05-bdline {
- background-color: #6eb1e1;
+ background-color: #f48f9d;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt06-bdline {
+ background-color: #fabf2e;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt07-bdline {
+ background-color: #b0a4cf;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt08-bdline {
+ background-color: #8b9da7;
width: 88%;
margin-right: 20px;
}
@@ -909,7 +1024,7 @@
padding: 5px 10px;
p {
- line-height: 22px;
+ line-height: 25px;
font-weight: 700;
color: #666;
}
@@ -918,7 +1033,7 @@
line-height: 22px;
font-size: 20px;
text-align: center;
- padding-top: 10px;
+ padding: 10px 0;
}
}
}
diff --git a/src/books/lifeCare/view/components/chapter012.vue b/src/books/lifeCare/view/components/chapter012.vue
index c18f5ae..54ed74f 100644
--- a/src/books/lifeCare/view/components/chapter012.vue
+++ b/src/books/lifeCare/view/components/chapter012.vue
@@ -77,18 +77,21 @@
><span class="bj2-h3">涓�</span>銆�銆�娲楁墜鐨勯噸瑕佹�с��</span
>
</h3>
- <div class="bk-ztgs">
- <p class="bj1-ztgs">鈯欍��鍏充簬娲楁墜鐨勬晠浜嬨��鈯�</p>
- <p class="block">
- 杩欎釜鏁呬簨鍙戠敓鍦ㄥぇ绾�170骞村墠鐨勫ゥ鍦板埄鎬诲尰闄€�傝繖涓尰闄㈢殑鍚勪釜绉戝鐨勫尰鐤楁按骞抽兘鏄叏涓栫晫椤跺皷鐨勶紝鍙槸鍖婚櫌鐨勪骇绉戝嵈寰堢碂绯曪紝浜у鍥犱负浜у悗鎰熸煋姝讳骸鐨勬鐜囩珶鐒堕珮杈�18%锛屾浜＄巼姣斿湪瀹剁敓浜х殑杩橀珮锛佹病浜虹煡閬撳師鍥犳槸浠�涔堬紝鍥犱负閭ｆ椂鍊欒繕娌℃湁缁嗚弻鐨勬蹇碉紝鍖荤敓涓嶇┛鐧藉ぇ瑜傦紝娌℃湁鍙ｇ僵锛岀敋鑷充笉娲楁墜銆�
- </p>
- <p class="block">
- 浜х涓讳换濉為害灏旂淮鏂洜姝ゆ壙鎷呬簡宸ㄥぇ鐨勫帇鍔涖�傜湅鐫�涓�涓釜瀹跺涵鐨勫コ涓讳汉锛屽湪閭ｄ箞骞磋交鐨勬椂鍊欏氨姝诲幓锛屼粬鍐呭績鏋佸害鐓庣啲銆傜粡杩囦簡缁嗚嚧銆佷弗鑻涚殑姊崇悊锛屼粬璁や负鍙兘鏄垰鍒氬仛瀹岃В鍓栨墜鏈氨鍘绘帴鐢燂紝灏镐綋涓婄殑鏌愪簺鐗╄川浼犻�掑埌浜嗕骇濡囪韩涓婏紝浜庢槸浠栬姹傛帴鐢熶箣鍓嶇敤婕傜櫧绮夋礂鎵嬶紝杩欓」绠�鍗曠殑鎺柦浣夸骇濡囩殑姝讳骸鐜囬檷浣庤嚦1%銆�
- </p>
- <p class="block">
- 閾佺殑浜嬪疄鍛婅瘔浜嗗楹﹀皵缁存柉娲楁墜鐨勯噸瑕佹�э紝浜庢槸浠栧箍娉涘浼犲苟鐫ｄ績浠栫殑鍚岃娲楁墜锛屼粬鎴愪簡鍖诲鍙蹭笂浼犳挱娲楁墜閲嶈鎬х殑绗竴浜恒�傛礂鎵嬫槸鎺у埗鎰熸煋鐨勫紑濮嬶紝鏄汉绫诲崼鐢熷彶涓婄殑涓�涓噷绋嬬銆�
- </p>
+ <div class="zt-yy-brd" style="margin-bottom: 30px">
+ <div class="bk-ztgs">
+ <p class="bj1-ztgs">鈯欍��鍏充簬娲楁墜鐨勬晠浜嬨��鈯�</p>
+ <p class="block">
+ 杩欎釜鏁呬簨鍙戠敓鍦ㄥぇ绾�170骞村墠鐨勫ゥ鍦板埄鎬诲尰闄€�傝繖涓尰闄㈢殑鍚勪釜绉戝鐨勫尰鐤楁按骞抽兘鏄叏涓栫晫椤跺皷鐨勶紝鍙槸鍖婚櫌鐨勪骇绉戝嵈寰堢碂绯曪紝浜у鍥犱负浜у悗鎰熸煋姝讳骸鐨勬鐜囩珶鐒堕珮杈�18%锛屾浜＄巼姣斿湪瀹剁敓浜х殑杩橀珮锛佹病浜虹煡閬撳師鍥犳槸浠�涔堬紝鍥犱负閭ｆ椂鍊欒繕娌℃湁缁嗚弻鐨勬蹇碉紝鍖荤敓涓嶇┛鐧藉ぇ瑜傦紝娌℃湁鍙ｇ僵锛岀敋鑷充笉娲楁墜銆�
+ </p>
+ <p class="block">
+ 浜х涓讳换濉為害灏旂淮鏂洜姝ゆ壙鎷呬簡宸ㄥぇ鐨勫帇鍔涖�傜湅鐫�涓�涓釜瀹跺涵鐨勫コ涓讳汉锛屽湪閭ｄ箞骞磋交鐨勬椂鍊欏氨姝诲幓锛屼粬鍐呭績鏋佸害鐓庣啲銆傜粡杩囦簡缁嗚嚧銆佷弗鑻涚殑姊崇悊锛屼粬璁や负鍙兘鏄垰鍒氬仛瀹岃В鍓栨墜鏈氨鍘绘帴鐢燂紝灏镐綋涓婄殑鏌愪簺鐗╄川浼犻�掑埌浜嗕骇濡囪韩涓婏紝浜庢槸浠栬姹傛帴鐢熶箣鍓嶇敤婕傜櫧绮夋礂鎵嬶紝杩欓」绠�鍗曠殑鎺柦浣夸骇濡囩殑姝讳骸鐜囬檷浣庤嚦1%銆�
+ </p>
+ <p class="block">
+ 閾佺殑浜嬪疄鍛婅瘔浜嗗楹﹀皵缁存柉娲楁墜鐨勯噸瑕佹�э紝浜庢槸浠栧箍娉涘浼犲苟鐫ｄ績浠栫殑鍚岃娲楁墜锛屼粬鎴愪簡鍖诲鍙蹭笂浼犳挱娲楁墜閲嶈鎬х殑绗竴浜恒�傛礂鎵嬫槸鎺у埗鎰熸煋鐨勫紑濮嬶紝鏄汉绫诲崼鐢熷彶涓婄殑涓�涓噷绋嬬銆�
+ </p>
+ </div>
</div>
+
<h4 class="h4-zt" id="d118">锛堜竴锛夊┐骞煎効娲楁墜鍙互鏈夋晥闄嶄綆鎰熸煋椋庨櫓</h4>
<p>
濠村辜鍎跨殑鍏嶇柅绯荤粺涓嶆垚鐔熴�佷笉瀹屽杽锛屽鏄撳彈鍒板悇绉嶄笉鑹洜绱犵殑褰卞搷锛屾垚涓鸿鎰熸煋鐨勯珮鍗变汉缇ゃ�傛礂鎵嬫槸棰勯槻鐤剧梾鏈�绠�渚挎湁鏁堢殑鎺柦涔嬩竴銆傚┐骞煎効鍦ㄧ敓娲讳腑锛屾墜涓嶆柇鎺ヨЕ鍒拌鐥呮瘨銆佺粏鑿屾薄鏌撶殑鐗╁搧锛屽鏋滀笉鑳藉強鏃舵纭礂鎵嬶紝鎵嬩笂鐨勭梾鍘熶綋鍙兘閫氳繃鎵嬪拰鍙ｃ�佺溂銆侀蓟鐨勯粡鑶滄帴瑙﹁繘鍏ヤ汉浣撱�傛礂鎵嬪彲浠ョ畝鍗曟湁鏁堝湴鍒囨柇杩欎竴閫斿緞锛岄檷浣庢劅鏌撻闄┿��
diff --git a/src/books/lifeCare/view/components/chapter013.vue b/src/books/lifeCare/view/components/chapter013.vue
index 601f3d3..5ac0214 100644
--- a/src/books/lifeCare/view/components/chapter013.vue
+++ b/src/books/lifeCare/view/components/chapter013.vue
@@ -78,14 +78,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-33</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-33</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
@@ -119,11 +119,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-34</div>
+ <div class="header-bj zt04-bj"></div>
+ <div class="content zt04-con">
+ <div class="pageStr ztStr">2-34</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -168,14 +168,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-35</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-35</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
@@ -210,11 +210,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-36</div>
+ <div class="header-bj zt04-bj"></div>
+ <div class="content zt04-con">
+ <div class="pageStr ztStr">2-36</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -266,14 +266,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-37</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-37</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
@@ -323,11 +323,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-38</div>
+ <div class="header-bj zt04-bj"></div>
+ <div class="content zt04-con">
+ <div class="pageStr ztStr">2-38</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -375,14 +375,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-39</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-39</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
@@ -407,11 +407,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-40</div>
+ <div class="header-bj zt04-bj"></div>
+ <div class="content zt04-con">
+ <div class="pageStr ztStr">2-40</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -465,14 +465,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-41</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-41</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
@@ -513,11 +513,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-42</div>
+ <div class="header-bj zt04-bj"></div>
+ <div class="content zt04-con">
+ <div class="pageStr ztStr">2-42</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -565,14 +565,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt04-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-43</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt04-Str">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt04-pageNum">2-43</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt04-bdline"></div>
</div>
</div>
diff --git a/src/books/lifeCare/view/components/chapter014.vue b/src/books/lifeCare/view/components/chapter014.vue
index ed96a8b..60fe7d8 100644
--- a/src/books/lifeCare/view/components/chapter014.vue
+++ b/src/books/lifeCare/view/components/chapter014.vue
@@ -86,14 +86,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-45</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-45</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -131,11 +131,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-46</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-46</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -174,14 +174,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-47</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-47</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -221,11 +221,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-48</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-48</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -275,14 +275,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-49</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-49</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -328,11 +328,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-50</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-50</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -375,14 +375,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-51</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-51</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -430,11 +430,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-52</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-52</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -669,14 +669,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-53</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-53</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -728,11 +728,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-54</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-54</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -899,14 +899,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-55</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-55</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -942,11 +942,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-56</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-56</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -992,14 +992,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-57</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-57</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1125,11 +1125,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-58</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-58</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -1233,14 +1233,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-59</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-59</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1291,11 +1291,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-60</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-60</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -1349,14 +1349,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-61</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-61</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1405,11 +1405,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-62</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-62</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -1461,14 +1461,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-63</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-63</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1519,11 +1519,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-64</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-64</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -1573,14 +1573,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-65</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-65</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1632,11 +1632,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-66</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-66</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -1692,14 +1692,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt05-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-67</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt05-Str">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt05-pageNum">2-67</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt05-bdline"></div>
</div>
</div>
@@ -1754,11 +1754,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-68</div>
+ <div class="header-bj zt05-bj"></div>
+ <div class="content zt05-con">
+ <div class="pageStr ztStr">2-68</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
diff --git a/src/books/lifeCare/view/components/chapter015.vue b/src/books/lifeCare/view/components/chapter015.vue
index 13d1f9c..c8e5397 100644
--- a/src/books/lifeCare/view/components/chapter015.vue
+++ b/src/books/lifeCare/view/components/chapter015.vue
@@ -70,11 +70,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-70</div>
+ <div class="header-bj zt06-bj"></div>
+ <div class="content zt06-con">
+ <div class="pageStr ztStr">2-70</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -132,14 +132,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt06-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-71</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt06-pageNum">2-71</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt06-bdline"></div>
</div>
</div>
@@ -184,11 +184,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-72</div>
+ <div class="header-bj zt06-bj"></div>
+ <div class="content zt06-con">
+ <div class="pageStr ztStr">2-72</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -264,14 +264,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt06-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-73</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt06-pageNum">2-73</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt06-bdline"></div>
</div>
</div>
@@ -313,11 +313,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-74</div>
+ <div class="header-bj zt06-bj"></div>
+ <div class="content zt06-con">
+ <div class="pageStr ztStr">2-74</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -360,14 +360,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt06-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-75</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt06-pageNum">2-75</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt06-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -389,11 +389,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-76</div>
+ <div class="header-bj zt06-bj"></div>
+ <div class="content zt06-con">
+ <div class="pageStr ztStr">2-76</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -461,14 +461,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt06-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-77</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt06-pageNum">2-77</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt06-bdline"></div>
</div>
</div>
@@ -518,11 +518,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-78</div>
+ <div class="header-bj zt06-bj"></div>
+ <div class="content zt06-con">
+ <div class="pageStr ztStr">2-78</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -581,14 +581,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt06-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-79</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt06-Str">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt06-pageNum">2-79</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt06-bdline"></div>
</div>
</div>
diff --git a/src/books/lifeCare/view/components/chapter016.vue b/src/books/lifeCare/view/components/chapter016.vue
index 2ebdfc6..5bd9dd6 100644
--- a/src/books/lifeCare/view/components/chapter016.vue
+++ b/src/books/lifeCare/view/components/chapter016.vue
@@ -61,14 +61,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt07-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-81</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt07-pageNum">2-81</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt07-bdline"></div>
</div>
</div>
@@ -109,11 +109,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-82</div>
+ <div class="header-bj zt07-bj"></div>
+ <div class="content zt07-con">
+ <div class="pageStr ztStr">2-82</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -155,14 +155,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt07-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-83</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt07-pageNum">2-83</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt07-bdline"></div>
</div>
</div>
@@ -204,11 +204,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-84</div>
+ <div class="header-bj zt07-bj"></div>
+ <div class="content zt07-con">
+ <div class="pageStr ztStr">2-84</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -255,14 +255,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt07-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-85</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt07-pageNum">2-85</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt07-bdline"></div>
</div>
</div>
@@ -301,11 +301,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-86</div>
+ <div class="header-bj zt07-bj"></div>
+ <div class="content zt07-con">
+ <div class="pageStr ztStr">2-86</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -334,14 +334,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt07-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-87</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt07-Str">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt07-pageNum">2-87</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt07-bdline"></div>
</div>
</div>
@@ -384,11 +384,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-88</div>
+ <div class="header-bj zt07-bj"></div>
+ <div class="content zt07-con">
+ <div class="pageStr ztStr">2-88</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
diff --git a/src/books/lifeCare/view/components/chapter017.vue b/src/books/lifeCare/view/components/chapter017.vue
index 708a464..14cb9b6 100644
--- a/src/books/lifeCare/view/components/chapter017.vue
+++ b/src/books/lifeCare/view/components/chapter017.vue
@@ -60,11 +60,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-90</div>
+ <div class="header-bj zt08-bj"></div>
+ <div class="content zt08-con">
+ <div class="pageStr ztStr">2-90</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -111,14 +111,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt08-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-91</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt08-pageNum">2-91</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt08-bdline"></div>
</div>
</div>
@@ -153,11 +153,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-92</div>
+ <div class="header-bj zt08-bj"></div>
+ <div class="content zt08-con">
+ <div class="pageStr ztStr">2-92</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -196,14 +196,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt08-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-93</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt08-pageNum">2-93</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt08-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -228,11 +228,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-94</div>
+ <div class="header-bj zt08-bj"></div>
+ <div class="content zt08-con">
+ <div class="pageStr ztStr">2-94</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -272,14 +272,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt08-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-95</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt08-Str">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt08-pageNum">2-95</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt08-bdline"></div>
</div>
</div>
<div class="bodystyle">
diff --git a/src/books/lifeCare/view/components/chapter018.vue b/src/books/lifeCare/view/components/chapter018.vue
index 3605ec9..0af5341 100644
--- a/src/books/lifeCare/view/components/chapter018.vue
+++ b/src/books/lifeCare/view/components/chapter018.vue
@@ -4,7 +4,7 @@
<div v-if="showPageList.indexOf(247) > -1">
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
+ <div class="header-bj zt01-bj"></div>
<div class="content">
<div class="pageStr">2-96</div>
<div class="title">
diff --git a/src/books/lifeCare/view/components/index.vue b/src/books/lifeCare/view/components/index.vue
index b766ff6..2e60d55 100644
--- a/src/books/lifeCare/view/components/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -191,7 +191,7 @@
},
mounted() {
// 榛樿鍔犺浇绔犺妭
- this.showCatalogList = [14];
+ this.showCatalogList = [1];
// 婊氬姩鐩戝惉鑺傛祦
this.throttledScrollHandler = _.throttle(
this.scrollFun,
--
Gitblit v1.9.1