From 0ac722771ed2e1ae8858407ea5349eb18d18ed9d Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 13 六月 2024 16:37:09 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/lifeCare/view/components/chapter010.vue | 82 ++--
src/books/lifeCare/image/zt-pen.png | 0
src/books/lifeCare/view/components/index.vue | 2
src/books/lifeCare/css/default.less | 165 ++++++++
src/books/lifeCare/view/components/chapter012.vue | 202 ++++++----
src/books/artAndDrama/view/components/header.vue | 6
src/books/artAndDrama/assets/main.less | 85 ++++
src/books/artAndDrama/view/components/chapter002.vue | 5
src/books/artAndDrama/view/components/chapter001.vue | 379 ++++++--------------
src/books/lifeCare/image/zt.-penpng.png | 0
package.json | 3
src/books/lifeCare/image/zt.png | 0
src/books/lifeCare/view/components/chapter011.vue | 139 ++++--
13 files changed, 620 insertions(+), 448 deletions(-)
diff --git a/package.json b/package.json
index cbcfd0e..ba5ae63 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,8 @@
"eslint-plugin-vue": "^8.0.3",
"less": "^4.2.0",
"less-loader": "^12.2.0",
- "vue-template-compiler": "^2.6.14"
+ "vue-template-compiler": "^2.6.14",
+ "webpack": "^5.92.0"
},
"eslintConfig": {
"root": true,
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 8e97bab..862de56 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -510,9 +510,94 @@
outline: none;
}
}
+<<<<<<< HEAD
+ .page-footer {
+ position: relative;
+ display: flex;
+ align-items: center;
+ /* 鍨傜洿灞呬腑 */
+ }
+
+ .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) {
+>>>>>>> ba76798a669c6d859d0f8b9a913e7637d3e8d7e2
.ans-drama {
.page-box {
min-height: 750px;
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 51a51c5..661d83d 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -3,7 +3,7 @@
<div class="page-box" page="4" style="min-height: auto">
<div v-if="showPageList.indexOf(4) > -1">
<h1 id="a004">
- <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
+ <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
<img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
<audio :src="auidoPathOne" class="audio" controls></audio>
</h1>
@@ -21,17 +21,17 @@
</div>
</div>
<p><br /></p>
- <h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-right">1</div>
+ </div>
</div>
</div>
<div class="page-box" page="5" style="min-height: auto">
<div v-if="showPageList.indexOf(5) > -1">
<h1>
- <img
- src="../../assets/images/header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<img src="../../assets/images/page5.png" alt="" />
@@ -43,8 +43,7 @@
鍦ㄨ瑷�琛ㄨ堪涓紝涓轰簡绐佸嚭鎴栧己璋冩煇浜涙剰鎬濓紝鎴戜滑浼氫娇鐢ㄢ�滈�昏緫閲嶉煶鈥濊繖涓�鎶�宸с�傚悓鏍蜂竴鍙ヨ瘽锛屼笉鍚岀殑閫昏緫閲嶉煶鍙互琛ㄨ揪鍑轰笉涓�鏍风殑鎰忔�濄��
</p>
<p>
- <span class="hs1">鈼�</span
- >澶у０鏈楄涓嬮潰鐨勫彞瀛愶紝杩炰竴杩炰笉鍚岄�昏緫閲嶉煶寮鸿皟鐨勬剰鎬濄��
+ <span class="hs1">鈼�</span>澶у０鏈楄涓嬮潰鐨勫彞瀛愶紝杩炰竴杩炰笉鍚岄�昏緫閲嶉煶寮鸿皟鐨勬剰鎬濄��
</p>
<h1>
<audio :src="auidoPathTwo" class="audio" controls></audio>
@@ -55,26 +54,16 @@
</div>
<p><br /></p>
<!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
- <div style="position: relative;">
- <h1 style="position: relative; z-index: 1;">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- <div style="position: absolute; z-index: 99; background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; bottom: 38px; text-align: center; line-height: 30px; font-size: 20px;">2</div>
- </h1>
- </div>
- <!-- <div style="position: relative; ">
- <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; left: 98px; top: 38px; text-align: center; font-size: 25px;">2</div>
- <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
- </div> -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-left">2</div>
+ </div>
</div>
</div>
<div class="page-box" page="6" style="min-height: auto">
<div v-if="showPageList.indexOf(6) > -1">
<h1>
- <img
- src="../../assets/images/page6-header-green.png"
- alt=""
- style="height: auto; width: 100%"
- />
+ <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
</h1>
<div class="bodystyle">
<h1 class="lefth3" id="c002">
@@ -96,35 +85,23 @@
<p>A.鍥㈢粨鐨�</p>
<p>B.浼樼鐨�</p>
<p>C.鏉炬暎鐨�</p>
- <video
- :src="videoPathOne"
- webkit-playsinline="true"
- x-webkit-airplay="true"
- playsinline="true"
- x5-video-orientation="h5"
- x5-video-player-fullscreen="true"
- x5-playsinline=""
- controls
- controlslist="nodownload"
- class="w100"
- style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"
- ></video>
+ <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100"
+ style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
<h2>瑙嗛: 鎴戜滑鏄竴瀹朵汉</h2>
</div>
-
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-right">3</div>
+ </div>
</div>
</div>
<div class="page-box" page="7" style="min-height: auto">
<div v-if="showPageList.indexOf(7) > -1">
<h1>
- <img
- src="../../assets/images/header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<img src="../../assets/images/page5.png" alt="" />
@@ -133,38 +110,28 @@
<img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
</h3>
<p>
- <span class="hs1">鈼�</span
- >璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+ <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
<h1><audio :src="auidoPathThree" class="audio" controls></audio></h1>
-
+
<div class="bj3">
<p class="center">
- <span class="hs"
- >鏄�<a id="w1"><sup>1</sup></a>锛堣妭閫夛級</span>
+ <span class="hs">鏄�<a id="w1"><sup>1</sup></a>锛堣妭閫夛級</span>
</p>
<p class="center">鏈辫嚜娓�</p>
<p class="block">
- 鐩兼湜鐫�锛�<span class="un1">鐩兼湜鐫�</span>锛屼笢椋庢潵浜嗭紝鏄ュぉ鐨勮剼姝�<span
- class="un1"
- >杩�</span
- >浜嗐��
+ 鐩兼湜鐫�锛�<span class="un1">鐩兼湜鐫�</span>锛屼笢椋庢潵浜嗭紝鏄ュぉ鐨勮剼姝�<span class="un1">杩�</span>浜嗐��
</p>
<p class="block">
- 涓�鍒囬兘鍍�<span class="un1">鍒氱潯閱�</span>鐨勬牱瀛愶紝娆ｆ鐒�<span
- class="un1"
- >寮犲紑</span
- >浜嗙溂銆傚北<span class="un1">鏈楁鼎</span>璧锋潵浜嗭紝姘�<span class="un1"
- >娑�</span
- >璧锋潵浜嗭紝澶槼鐨勮劯<span class="un1">绾�</span>璧锋潵浜嗐��
+ 涓�鍒囬兘鍍�<span class="un1">鍒氱潯閱�</span>鐨勬牱瀛愶紝娆ｆ鐒�<span class="un1">寮犲紑</span>浜嗙溂銆傚北<span
+ class="un1">鏈楁鼎</span>璧锋潵浜嗭紝姘�<span class="un1">娑�</span>璧锋潵浜嗭紝澶槼鐨勮劯<span class="un1">绾�</span>璧锋潵浜嗐��
</p>
</div>
<h3 class="lefth3" id="c004">
<img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
</h3>
<p>
- <span class="hs1">鈼�</span
- >鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝灏忚殏铓佷滑閮芥湁鍚勮嚜鐨勭珛鍦猴紝浣犺兘鐞嗚В浠栦滑鐨勬兂娉曞悧锛熻浣犲拰鍚屼即鏍规嵁鏁呬簨鍐呭璁ㄨ涓�涓嬨��
+ <span class="hs1">鈼�</span>鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝灏忚殏铓佷滑閮芥湁鍚勮嚜鐨勭珛鍦猴紝浣犺兘鐞嗚В浠栦滑鐨勬兂娉曞悧锛熻浣犲拰鍚屼即鏍规嵁鏁呬簨鍐呭璁ㄨ涓�涓嬨��
</p>
<hr />
<p class="note">
@@ -173,65 +140,43 @@
涓冨勾绾т笂鍐屻�嬶紝2椤碉紝鍖椾含锛屼汉姘戞暀鑲插嚭鐗堢ぞ锛�2016銆�
</p>
</div>
-
<!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
- <div>
- <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">4</div>
- <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-left">4</div>
</div>
</div>
</div>
<div class="page-box" page="8" style="min-height: auto">
<div v-if="showPageList.indexOf(8) > -1">
<h1>
- <img
- src="../../assets/images/header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<img src="../../assets/images/page5.png" alt="" />
<h2 id="b003">绗笁璇俱��鍐呭績鐨勫０闊�</h2>
<h1 class="lefth3 openImgBox" id="c005">
- <img
- class="img-gn1"
- alt=""
- src="../../assets/images/1-3.gif"
- style="height: auto; width: 50%"
- />
+ <img class="img-gn1" alt="" src="../../assets/images/1-3.gif" style="height: auto; width: 50%" />
</h1>
<p>
- <span class="hs1">鈼�</span
- >璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+ <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
<h1><audio :src="auidoPathTwo" class="audio" controls></audio></h1>
<div class="bj3">
<p class="center">
- <span class="hs"
- >鏄�<a id="w1"></a><sup>1</sup>锛堣妭閫夛級</span
- >
+ <span class="hs">鏄�<a id="w1"></a><sup>1</sup>锛堣妭閫夛級</span>
</p>
<p class="center">鏈辫嚜娓�</p>
<p class="block">
- 灏忚崏鍋峰伔鍦颁粠鍦熼噷<span class="un1">閽诲嚭鏉�</span>锛�<span class="un1"
- >瀚╁鐨�</span
- >锛�<span class="un1">缁跨豢鐨�</span>銆傚洯瀛愰噷锛岀敯閲庨噷锛�<span
- class="un1"
- >鐬�</span
- >鍘伙紝涓�澶х墖涓�澶х墖婊℃槸鐨勩��<span class="un1">鍧�</span>鐫�锛�<span
- class="un1"
- >韬�</span
- >鐫�锛�<span class="un1">鎵�</span>涓や釜<span class="un1">婊�</span
- >鍎匡紝<span class="un1">韪�</span>鍑犺剼<span class="un1">鐞�</span
- >锛�<span class="un1">璧�</span>鍑犺稛<span class="un1">璺�</span
- >锛�<span class="un1">鎹�</span>鍑犲洖<span class="un1">杩疯棌</span
- >銆傞<span class="un1">杞绘倓鎮�</span>鐨勶紝鑽�<span class="un1"
- >杞坏缁�</span
- >鐨勩��
+ 灏忚崏鍋峰伔鍦颁粠鍦熼噷<span class="un1">閽诲嚭鏉�</span>锛�<span class="un1">瀚╁鐨�</span>锛�<span
+ class="un1">缁跨豢鐨�</span>銆傚洯瀛愰噷锛岀敯閲庨噷锛�<span class="un1">鐬�</span>鍘伙紝涓�澶х墖涓�澶х墖婊℃槸鐨勩��<span class="un1">鍧�</span>鐫�锛�<span
+ class="un1">韬�</span>鐫�锛�<span class="un1">鎵�</span>涓や釜<span class="un1">婊�</span>鍎匡紝<span
+ class="un1">韪�</span>鍑犺剼<span class="un1">鐞�</span>锛�<span class="un1">璧�</span>鍑犺稛<span
+ class="un1">璺�</span>锛�<span class="un1">鎹�</span>鍑犲洖<span class="un1">杩疯棌</span>銆傞<span
+ class="un1">杞绘倓鎮�</span>鐨勶紝鑽�<span class="un1">杞坏缁�</span>鐨勩��
</p>
</div>
- <hr />
+ <hr />
<p class="note">
<a id="m1">1</a>
鏈辫嚜娓咃細銆婃槬銆嬶紝瑙佹俯鍎掓晱绛夛細銆婁箟鍔℃暀鑲叉暀绉戜功 璇枃
@@ -239,20 +184,16 @@
</p>
</div>
</div>
- <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
- <div>
- <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">6</div>
- <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
- </div>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-right">5</div>
+ </div>
</div>
<div class="page-box" page="9" style="min-height: auto">
<div v-if="showPageList.indexOf(9) > -1">
<h1>
- <img
- src="../../assets/images/header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<img src="../../assets/images/page5.png" alt="" />
@@ -260,44 +201,29 @@
<img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
</h3>
<h1 class="center openImgBox">
- <img
- class="img-e"
- alt=""
- src="../../assets/images/1-4.gif"
- style="height: auto; width: 50%"
- />
+ <img class="img-e" alt="" src="../../assets/images/1-4.gif" style="height: auto; width: 50%" />
</h1>
<p>
- <span class="hs1">鈼�</span
- >鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫０闊冲嚭鐜帮細涓�涓０闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓０闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓ｇ殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛�
+ <span
+ class="hs1">鈼�</span>鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫０闊冲嚭鐜帮細涓�涓０闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓０闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓ｇ殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛�
</p>
<p>姝ｄ箟闃熼暱锛氣��
- <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- @blur="handleQuestion('one')"
- @change="setBookQuestion" />鈥�</p>
- <p>榛戞殫闃熼暱锛氣�� <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- @blur="handleQuestion('two')"
- @change="setBookQuestion" />鈥�</p>
+ <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" @change="setBookQuestion" />鈥�
+ </p>
+ <p>榛戞殫闃熼暱锛氣�� <input v-model="questionData.warnUp.two" class="input-bottom-border fz-18"
+ @change="setBookQuestion" />鈥�</p>
</div>
</div>
- <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
- <div>
- <div style="position: absolute; z-index: 99;background-color: rgba(208,226,179); width: 30px; height: 30px; border-radius: 50%; margin-left: 98px; margin-top: 38px; text-align: center; font-size: 25px;">8</div>
- <h1 style="position: relative; z-index: 1;"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
- </div>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-left">6</div>
+ </div>
</div>
<div class="page-box" page="10" style="min-height: auto">
<div v-if="showPageList.indexOf(10) > -1">
<h1>
- <img
- src="../../assets/images/page6-header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<h2 id="b004">绗洓璇俱��韬复鍏跺</h2>
@@ -305,61 +231,37 @@
<img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
</h3>
<p>
- <span class="hs1">鈼�</span
- >璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+ <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у０鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
</p>
<h1>
- <audio :src="auidoPathTwo" class="audio" controls></audio>
+ <audio :src="auidoPathTwo" class="audio" controls></audio>
</h1>
<div class="bj3">
<p class="center">
- <span class="hs"
- >鏄�<a id="w1"><sup>1</sup></a
- >锛堣妭閫夛級</span
- >
+ <span class="hs">鏄�<a id="w1"><sup>1</sup></a>锛堣妭閫夛級</span>
</p>
<p class="center">鏈辫嚜娓�</p>
<p class="block">
- <span class="un1">妗�</span>鏍戙��<span class="un1">鏉�</span
- >鏍戙��<span class="un1">姊�</span
- >鏍戯紝浣犱笉璁╂垜锛屾垜涓嶈浣狅紝閮藉紑婊′簡鑺辫刀瓒熷効銆傜孩鐨勫儚<span class="un1"
- >鐏�</span
- >锛岀矇鐨勫儚<span class="un1">闇�</span>锛岀櫧鐨勫儚<span class="un1"
- >闆�</span
- >銆傝姳閲屽甫鐫�鐢滃懗鍎库�︹��
+ <span class="un1">妗�</span>鏍戙��<span class="un1">鏉�</span>鏍戙��<span
+ class="un1">姊�</span>鏍戯紝浣犱笉璁╂垜锛屾垜涓嶈浣狅紝閮藉紑婊′簡鑺辫刀瓒熷効銆傜孩鐨勫儚<span class="un1">鐏�</span>锛岀矇鐨勫儚<span
+ class="un1">闇�</span>锛岀櫧鐨勫儚<span class="un1">闆�</span>銆傝姳閲屽甫鐫�鐢滃懗鍎库�︹��
</p>
</div>
<h3 class="lefth3" id="c008">
<img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
</h3>
<p>
- <span class="hs1">鈼�</span
- >鍋囧浣犳槸鎼繍濂堕叒鐨勮殏铓侊紝浣犺鎬庝箞鎼繍涓嶅悓褰㈢姸銆佸ぇ灏忕殑濂堕叒鍛紵璇峰厛涓鸿嚜宸辫璁′竴涓墽鏈惂锛�
+ <span class="hs1">鈼�</span>鍋囧浣犳槸鎼繍濂堕叒鐨勮殏铓侊紝浣犺鎬庝箞鎼繍涓嶅悓褰㈢姸銆佸ぇ灏忕殑濂堕叒鍛紵璇峰厛涓鸿嚜宸辫璁′竴涓墽鏈惂锛�
</p>
<p>
- 鎴戞槸铓傝殎 <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- style=" width: 10%;"
- @blur="handleQuestion('three')"
- @change="setBookQuestion" />锛堝悕瀛楋級锛屼粖澶╂槸
- <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- style=" width: 10%;"
- @blur="handleQuestion('four')"
- @change="setBookQuestion" />锛堝ぉ姘旓級锛屾垜鐨勫ザ閰壒鍒� <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- style=" width: 10%;"
- @blur="handleQuestion('five')"
- @change="setBookQuestion" />锛堣交/閲嶏級锛屾垜鎰熻濂� <input
- v-model="questionData.warnUp.one.value"
- class="input-bottom-border fz-18"
- style=" width: 10%;"
- @blur="handleQuestion('six')"
- @change="setBookQuestion" />锛堣韩浣撴劅瑙夛級鍟婏紒
+ 鎴戞槸铓傝殎 <input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" style=" width: 10%;"
+ @change="setBookQuestion" />锛堝悕瀛楋級锛屼粖澶╂槸
+ <input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" style=" width: 10%;"
+ @change="setBookQuestion" />锛堝ぉ姘旓級锛屾垜鐨勫ザ閰壒鍒� <input v-model="questionData.warnUp.five"
+ class="input-bottom-border fz-18" style=" width: 10%;" @change="setBookQuestion" />锛堣交/閲嶏級锛屾垜鎰熻濂� <input
+ v-model="questionData.warnUp.six" class="input-bottom-border fz-18" style=" width: 10%;"
+ @change="setBookQuestion" />锛堣韩浣撴劅瑙夛級鍟婏紒
</p>
<hr />
<p class="note">
@@ -369,18 +271,16 @@
</p>
</div>
</div>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-right">7</div>
+ </div>
</div>
<div class="page-box" page="11" style="min-height: auto">
<div v-if="showPageList.indexOf(11) > -1">
<h1>
- <img
- src="../../assets/images/header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<img src="../../assets/images/page5.png" alt="" />
@@ -388,23 +288,20 @@
<img class="img-e" alt="" src="../../assets/images/1-5.gif" />
</p>
<p>
- <span class="hs1">鈼�</span
- >铓傝殎闃熼暱鎶婂ザ閰福鐣欑粰浜嗗勾榫勬渶灏忕殑铓傝殎锛岃耽寰椾簡澶у鐨勮鍙�傚湪鐢熸椿涓紝浣犳浘缁忓儚鈥滆殏铓侀槦闀库�濅竴鏍风埍鎶ゅ急灏忓悧锛熸垨鑰呭儚鈥滃皬铓傝殎鈥濅竴鏍峰緱鍒拌繃鍝ュ摜濮愬浠殑鍏崇埍鍚楋紵
+ <span class="hs1">鈼�</span>铓傝殎闃熼暱鎶婂ザ閰福鐣欑粰浜嗗勾榫勬渶灏忕殑铓傝殎锛岃耽寰椾簡澶у鐨勮鍙�傚湪鐢熸椿涓紝浣犳浘缁忓儚鈥滆殏铓侀槦闀库�濅竴鏍风埍鎶ゅ急灏忓悧锛熸垨鑰呭儚鈥滃皬铓傝殎鈥濅竴鏍峰緱鍒拌繃鍝ュ摜濮愬浠殑鍏崇埍鍚楋紵
</p>
</div>
</div>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-left">8</div>
+ </div>
</div>
<div class="page-box" page="12" style="min-height: auto">
<div v-if="showPageList.indexOf(12) > -1">
<h1>
- <img
- src="../../assets/images/page6-header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<h2 id="b005">鍗曞厓娲诲姩浠诲姟</h2>
@@ -429,18 +326,16 @@
</p>
</div>
</div>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-right">9</div>
+ </div>
</div>
<div class="page-box" page="13" style="min-height: auto">
<div v-if="showPageList.indexOf(13) > -1">
<h1>
- <img
- src="../../assets/images/page6-header-green.png"
- alt=""
- style="width: 100%; height: auto"
- />
+ <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
</h1>
<div class="bodystyle">
<h3 class="lefth3" id="c010">
@@ -451,31 +346,24 @@
瀛旇瀺鍥涘瞾灏辨噦绀艰矊銆佺煡璋﹁锛屾槸鎴戜滑瀛︿範鐨勫ソ姒滄牱锛岃鎴戜滑杩愮敤鏈崟鍏冪殑鎴忓墽鐭ヨ瘑锛屾妸浠栫殑鏁呬簨琛ㄦ紨鍑烘潵鍚э紒
</p>
<p class="center">
- <video
- :src="videoPathOne"
- webkit-playsinline="true"
- x-webkit-airplay="true"
- playsinline="true"
- x5-video-orientation="h5"
- x5-video-player-fullscreen="true"
- x5-playsinline=""
- controls
- controlslist="nodownload"
- class="w100"
- style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"
- ></video>
+ <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+ x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+ controlslist="nodownload" class="w100"
+ style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
<h2>瑙嗛: 鎴戜滑鏄竴瀹朵汉</h2>
</p>
</div>
</div>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
- </p>
+ <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+ <div class="page-footer">
+ <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
+ <div class="page-footer-number-left">10</div>
+ </div>
</div>
</div>
</template>
-
- <script>
+
+<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
@@ -489,6 +377,10 @@
//鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
mounted() {
this.getVidoePath();
+ const bookQuestion = localStorage.getItem("artAndDrama-book-question-one");
+ if (bookQuestion) {
+ this.questionData = JSON.parse(bookQuestion);
+ }
},
data() {
return {
@@ -613,36 +505,12 @@
},
questionData: {
warnUp: {
- one: {
- value: "",
- isRight: null,
- answer: "Chinese knot",
- },
- two: {
- value: "",
- isRight: null,
- answer: "Chinese medicine",
- },
- three: {
- value: "",
- isRight: null,
- answer: "Chinese calligraphy",
- },
- four: {
- value: "",
- isRight: null,
- answer: "Taichi",
- },
- five: {
- value: "",
- isRight: null,
- answer: "sweet dumpling",
- },
- six: {
- value: "",
- isRight: null,
- answer: "Chinese chess",
- },
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
},
reading: {
one: "",
@@ -691,33 +559,36 @@
setBookQuestion() {
console.log("淇濆瓨");
localStorage.setItem(
- "english-book-question-one",
+ "artAndDrama-book-question-one",
JSON.stringify(this.questionData)
);
},
},
};
</script>
-
- <style lang="less" scoped>
+
+<style lang="less" scoped>
.w70 {
width: 78%;
}
+
.fw-400 {
font-weight: 400 !important;
}
+
.fz-26 {
font-size: 26px !important;
}
+
.cover-img {
position: absolute;
top: 33%;
left: 23%;
}
+
.division-line {
width: 2px;
height: 100%;
background-color: red;
}
-</style>
-
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
index 1fb35c7..64b2132 100644
--- a/src/books/artAndDrama/view/components/chapter002.vue
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -1,9 +1,8 @@
<template>
<div class="chapter" num="3">
- <div class="page-box" page="14" style="min-height: auto">
+ <!-- <div class="page-box" page="14" style="min-height: auto">
<div v-if="showPageList.indexOf(14) > -1">
<h1 id="a004">
- <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
<img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
<audio :src="auidoPathOne" controls></audio>
</h1>
@@ -65,7 +64,7 @@
<p><br /></p>
<h1><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></h1>
</div>
- </div>
+ </div> -->
<!--<div class="page-box" page="16" style="min-height: auto">
<div v-if="showPageList.indexOf(16) > -1">
<h1>
diff --git a/src/books/artAndDrama/view/components/header.vue b/src/books/artAndDrama/view/components/header.vue
index de54d78..3b8fa3e 100644
--- a/src/books/artAndDrama/view/components/header.vue
+++ b/src/books/artAndDrama/view/components/header.vue
@@ -25,8 +25,8 @@
<p class="wh-nr" style="margin: 0%;">缂栧啓濮斿憳锛�</p>
</li>
<li class="fl fl-cl">
- <span class="kaiti">鐜嬭胺宸濄��璋㈤湝鍗椼��鏉庢櫒鎴愩��鍛ㄥ姏鍚涖��</span>
- <span class="kaiti">闊╃嚂妤犺彶</span>
+ <span class="kaiti">鐜嬭胺宸濄��璋㈤湝鍗椼��鏉庢櫒鎴愩��鍛ㄥ姏鍚涖��闊╃嚂妤犺彶</span>
+ <!-- <span class="kaiti">闊╃嚂妤犺彶</span> -->
</li>
</ul>
<p>缇庢湳缁樼敾锛�<span class="kaiti">浣曘��鍐�</span></p>
@@ -37,7 +37,7 @@
<li class="fl fl-cl">
<span class="kaiti">鏈功閮ㄥ垎鏂囧瓧浣滃搧钁椾綔鏉冪敱涓浗鏂囧瓧钁椾綔鏉冨崗浼氭巿鏉冿紝</span>
<span class="kaiti">鐢佃瘽锛�010-65978917锛屼紶鐪燂細010-65978926锛�</span>
- <span class="kaiti">E-mail锛歸enzhuxie@126.com銆�</span>
+ <span class="kaiti" style="text-align: left;">E-mail锛歸enzhuxie@126.com銆�</span>
</li>
</ul>
<p></p>
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 0e59f3f..c98b62e 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -256,6 +256,11 @@
.chapter {
font-family: "瀹嬩綋";
+
+ .rightPng{
+ float: left;
+ }
+
.bk1-h3 {
border: 2px solid #a5c24f;
color: #a5c24f;
@@ -322,6 +327,10 @@
margin: 0 20px;
}
+ .ztStr {
+ margin: 0 50px;
+ }
+
.title {
display: flex;
justify-content: flex-start;
@@ -342,13 +351,51 @@
}
}
- .zt1-content {
- background-color: #f7b80a;
+
+ .zt01-con {
+ background-color: #fbb45e;
}
- .zt1-header-bj {
- border-left-color: #a5c24f;
- border-bottom-color: #a5c24f;
+ .zt02-con {
+ background-color: #b786bb;
+ }
+
+ .zt03-con {
+ background-color: #a5c24f;
+ }
+
+ .zt04-con {
+ background-color: #b786bb;
+ }
+
+ .zt05-con {
+ background-color: #b786bb;
+ }
+
+
+ .zt01-bj {
+ border-left: 2px solid #a5c24f;
+ border-bottom: 2px solid #a5c24f;
+ }
+
+ .zt02-bj {
+ border-left: 2px solid #6eb1e1;
+ border-bottom: 2px solid #6eb1e1;
+ }
+
+ .zt03-bj {
+ border-left: 2px solid #a97b50;
+ border-bottom: 2px solid #a97b50;
+ }
+
+ .zt04-bj {
+ border-left: 2px solid #6eb1e1;
+ border-bottom: 2px solid #6eb1e1;
+ }
+
+ .zt05-bj {
+ border-left: 2px solid #6eb1e1;
+ border-bottom: 2px solid #6eb1e1;
}
@media (max-width: 756px) {
@@ -366,6 +413,7 @@
}
}
+ // 濂囨暟
.pageHeader-second {
width: 100%;
display: flex;
@@ -383,12 +431,32 @@
font-size: 20px;
position: absolute;
right: 36px;
- top: 80px;
+ top: 85px;
.second-left {
width: 23px;
height: 100%;
background-color: #f49a4c;
+ }
+
+ .zt02-left {
+ width: 20px;
+ background-color: #b786bb;
+ }
+
+ .zt03-left {
+ width: 20px;
+ background-color: #a5c24f;
+ }
+
+ .zt04-left {
+ width: 20px;
+ background-color: #b786bb;
+ }
+
+ .zt05-left {
+ width: 20px;
+ background-color: #b786bb;
}
.second-right {
@@ -405,9 +473,37 @@
top: -20px;
}
+ .zt-pen {
+ height: 40px;
+ position: absolute;
+ left: -50px;
+ top: -10px;
+ }
+
.pageStr {
margin-right: 10px;
}
+
+ .zt01-Str {
+ color: #a5c24f;
+ }
+
+ .zt02-Str {
+ color: #6eb1e1;
+ }
+
+ .zt03-Str {
+ color: #a97b50;
+ }
+
+ .zt04-Str {
+ color: #6eb1e1;
+ }
+
+ .zt05-Str {
+ color: #6eb1e1;
+ }
+
.pageNum {
display: block;
@@ -418,13 +514,36 @@
color: #fff;
}
- .zt1-pageNum {
+ .zt01-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
background-color: #a5c24f;
}
- .zt1-pageStr {
- color: #a5c24f;
+ .zt02-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #6eb1e1;
}
+
+ .zt03-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #a97b50;
+ }
+
+ .zt04-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #6eb1e1;
+ }
+
+ .zt05-pageNum {
+ padding: 0 35px 0 20px;
+ text-align: left;
+ background-color: #6eb1e1;
+ }
+
}
}
@@ -452,8 +571,34 @@
margin-top: 105px;
}
- .zt1-boderLine {
+ .zt01-bdline {
background-color: #a5c24f;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt02-bdline {
+ background-color: #6eb1e1;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt03-bdline {
+ background-color: #a97b50;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt04-bdline {
+ background-color: #6eb1e1;
+ width: 88%;
+ margin-right: 20px;
+ }
+
+ .zt05-bdline {
+ background-color: #6eb1e1;
+ width: 88%;
+ margin-right: 20px;
}
}
}
diff --git a/src/books/lifeCare/image/zt-pen.png b/src/books/lifeCare/image/zt-pen.png
index 78c7ac4..3cc911a 100644
--- a/src/books/lifeCare/image/zt-pen.png
+++ b/src/books/lifeCare/image/zt-pen.png
Binary files differ
diff --git a/src/books/lifeCare/image/zt.-penpng.png b/src/books/lifeCare/image/zt.-penpng.png
new file mode 100644
index 0000000..3cc911a
--- /dev/null
+++ b/src/books/lifeCare/image/zt.-penpng.png
Binary files differ
diff --git a/src/books/lifeCare/image/zt.png b/src/books/lifeCare/image/zt.png
index b3135c0..4404293 100644
--- a/src/books/lifeCare/image/zt.png
+++ b/src/books/lifeCare/image/zt.png
Binary files differ
diff --git a/src/books/lifeCare/view/components/chapter010.vue b/src/books/lifeCare/view/components/chapter010.vue
index e64ef08..2daa2a5 100644
--- a/src/books/lifeCare/view/components/chapter010.vue
+++ b/src/books/lifeCare/view/components/chapter010.vue
@@ -81,12 +81,12 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-2</div>
+ <div class="header-bj zt01-bj"></div>
+ <div class="content zt01-con">
+ <div class="pageStr ztStr">2-2</div>
<div class="title">
- <!-- <img class="ztImg" src="../../image/zt.png" alt="" /> -->
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
+ <!-- <img src="../../image/zt.png" alt="" /> -->
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -212,12 +212,12 @@
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">2-3</span>
+ <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
+ <span class="pageStr zt01-Str">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum zt01-pageNum">2-3</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt01-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -325,11 +325,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-4</div>
+ <div class="header-bj zt01-bj"></div>
+ <div class="content zt01-con">
+ <div class="pageStr ztStr">2-4</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -372,12 +372,12 @@
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">2-5</span>
+ <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
+ <span class="pageStr zt01-Str">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum zt01-pageNum">2-5</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt01-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -420,11 +420,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-6</div>
+ <div class="header-bj zt01-bj"></div>
+ <div class="content zt01-con">
+ <div class="pageStr ztStr">2-6</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -451,12 +451,12 @@
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">2-7</span>
+ <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
+ <span class="pageStr zt01-Str">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum zt01-pageNum">2-7</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt01-bdline"></div>
</div>
</div>
@@ -508,11 +508,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-8</div>
+ <div class="header-bj zt01-bj"></div>
+ <div class="content zt01-con">
+ <div class="pageStr ztStr">2-8</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -554,12 +554,12 @@
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">2-9</span>
+ <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
+ <span class="pageStr zt01-Str">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum zt01-pageNum">2-9</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt01-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -581,11 +581,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-10</div>
+ <div class="header-bj zt01-bj"></div>
+ <div class="content zt01-con">
+ <div class="pageStr ztStr">2-10</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -608,12 +608,12 @@
<div class="second-con">
<div class="second-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
- <span class="pageNum">2-11</span>
+ <img class="zt-pen" src="../../image/zt-pen.png" alt="" />
+ <span class="pageStr zt01-Str">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+ <span class="pageNum zt01-pageNum">2-11</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt01-bdline"></div>
</div>
</div>
<div class="bodystyle">
diff --git a/src/books/lifeCare/view/components/chapter011.vue b/src/books/lifeCare/view/components/chapter011.vue
index 5b13411..0f876ae 100644
--- a/src/books/lifeCare/view/components/chapter011.vue
+++ b/src/books/lifeCare/view/components/chapter011.vue
@@ -3,7 +3,9 @@
<div class="page-box" page="163">
<div v-if="showPageList.indexOf(163) > -1">
<div class="bodystyle topImg">
- <h2 id="b010"><img class="img-0" alt="" src="../../image/zt2.jpg" /></h2>
+ <h2 id="b010">
+ <img class="img-0" alt="" src="../../image/zt2.jpg" />
+ </h2>
<div class="bk">
<div class="bj1">
<p class="left">
@@ -36,7 +38,8 @@
鑳藉畨鎶氭潵鍥┐骞煎効鐨勪笉鑹儏缁��
</p>
<p class="block">
- <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭櫒闂存鏌ャ��
+ <img class="inline" alt="" src="../../image/0001-5.jpg" />
+ 浼氭櫒闂存鏌ャ��
</p>
<p class="block">
<img class="inline" alt="" src="../../image/0001-5.jpg" />
@@ -68,20 +71,22 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt02-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
- <span class="pageNum">2-13</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt02-Str">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+ <span class="pageNum zt02-pageNum">2-13</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt02-bdline"></div>
</div>
</div>
<div class="bodystyle">
<h3 id="c038">
- <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�鏉ュ洯淇濊偛鐨勪繚鏁欎环鍊笺��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涓�</span>銆�銆�鏉ュ洯淇濊偛鐨勪繚鏁欎环鍊笺��</span
+ >
</h3>
<p>
鎵樿偛鏈烘瀯淇濊偛鏄┐骞煎効鐓ф姢鏈嶅姟鐨勯噸瑕佺粍鎴愰儴鍒嗭紝鏄敓鍛藉叏鍛ㄦ湡鏈嶅姟绠＄悊鐨勯噸瑕佸唴瀹广�傛墭鑲叉満鏋勫簲鍒涜閫傚疁鐨勭幆澧冿紝鍚堢悊瀹夋帓涓�鏃ョ敓娲诲拰娲诲姩锛屾彁渚涚敓娲荤収鏂欍�佸畨鍏ㄧ湅鎶ゃ�佸钩琛¤喅椋熷拰鏃╂湡瀛︿範鏈轰細锛屼粠鑰屼績杩涘┐骞煎効韬綋鍜屽績鐞嗙殑鍏ㄩ潰鍙戝睍銆�
@@ -90,7 +95,9 @@
鏉ュ洯鐜妭鏄┐骞煎効鍦ㄦ墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲蹭腑鐨勭涓�涓幆鑺傘�傚畨鍏ㄣ�佸崼鐢熴�佹俯棣ㄣ�佽垝閫傜殑鐜瀵瑰┐骞煎効鏉ヨ鏄竴澶╂剦蹇敓娲荤殑鍩虹銆備繚鏁欎汉鍛樹笂宀楀墠鐨勪釜浜哄噯澶囥�佸鍐呭鐜鐨勬竻娲佹暣鐞嗐�佽鏂借澶囩殑妫�鏌ャ�佺敓娲荤墿鍝佺殑鍑嗗銆佹暀鐜╁叿鐨勬彁渚涘強鎽嗘斁绛夛紝閮芥槸鏉ュ洯鐜妭鐨勯噸瑕佺粍鎴愰儴鍒嗐�傛潵鍥幆鑺傝繕鏄缓绔嬪笀鐢熸劅鎯呫�佸煿鍏诲┐骞煎効鐨勪範鎯�佹彁楂樺┐骞煎効鐨勭患鍚堢敓娲昏兘鍔涖�佸紑灞曚釜鎬у寲鏁欒偛鐨勯噸瑕佸鏈恒�備繚鏁欎汉鍛樻姄浣忔潵鍥椂鏈轰笌瀹堕暱浜ゆ祦锛岃兘寤虹珛璧疯壇濂界殑瀹跺洯娌熼�氬钩鍙帮紝瀹炵幇瀹跺洯鍏辫偛銆傜敱姝ゅ彲瑙侊紝鏉ュ洯鐜妭娑夊強寰堝宸ヤ綔鍐呭锛岃暣鍚簡寰堝鐨勪繚鏁欎环鍊硷紝鍦ㄥ┐骞煎効鐨勪竴鏃ョ敓娲讳腑璧峰埌鍏抽敭浣滅敤锛屾槸涓嶅彲蹇借鐨勩��
</p>
<h3 id="c039">
- <span class="bk1-h3"><span class="bj2-h3">浜�</span>銆�銆�濠村辜鍎挎潵鍥墠鐨勫噯澶囧伐浣溿��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">浜�</span>銆�銆�濠村辜鍎挎潵鍥墠鐨勫噯澶囧伐浣溿��</span
+ >
</h3>
<h4 class="h4-zt" id="d103">锛堜竴锛変繚鏁欎汉鍛樹笂宀楀墠鐨勪釜浜哄噯澶囧伐浣�</h4>
<p>鈶犳彁鍓�10鍒嗛挓鍒拌揪宸ヤ綔宀椾綅锛屾洿鎹㈣垝閫備笖渚夸簬杩愬姩鐨勫伐浣滄湇銆�</p>
@@ -120,11 +127,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-14</div>
+ <div class="header-bj zt02-bj"></div>
+ <div class="content zt02-con">
+ <div class="pageStr ztStr">2-14</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -174,14 +181,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt02-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
- <span class="pageNum">2-15</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt02-Str">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+ <span class="pageNum zt02-pageNum">2-15</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt02-bdline"></div>
</div>
</div>
@@ -191,19 +198,28 @@
涓庣彮缁勭殑淇濇暀浜哄憳绠�鍗曟矡閫氬綋澶╃殑宸ヤ綔鍐呭锛屼繚璇佸┐骞煎効涓�鏃ョ敓娲绘湁搴忚繘琛屻��
</p>
<h3 id="c040">
- <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�鏉ュ洯娲诲姩瀛樺湪鐨勫畨鍏ㄩ殣鎮ｃ��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涓�</span>銆�銆�鏉ュ洯娲诲姩瀛樺湪鐨勫畨鍏ㄩ殣鎮ｃ��</span
+ >
</h3>
<p>
鈶犲叆鍥椂锛屼綆榫勫┐骞煎効鐨勫闀跨粡甯告湁寰堝鐞愪簨瑕佸憡鐭ヤ笌浜ゆ帴锛屾墭鑲叉満鏋勭殑淇濇暀浜哄憳蹇欎簬鎺ュ緟锛屽鏄撶枏蹇藉緲寰婂湪闂ㄥ彛鐨勫┐骞煎効锛屽鑷村┐骞煎効鑷绂诲紑锛屾槗鍙戠敓鎰忓鎴栬蛋澶便��
</p>
<p>鈶℃潵鍥椿鍔ㄥ尯鍩熷畨鎺掍笉褰擄紝绌洪棿甯冨眬鎷ユ尋锛屽鏄撻�犳垚濠村辜鍎跨鎾炴垨璺屽�掋��</p>
- <p>鈶㈠湪鏉ュ洯娲诲姩涓紝涓哄┐骞煎効鎶曟斁鐨勭帺鍏疯繃灏戯紝瀹规槗寮曡捣濠村辜鍎跨殑浜夋姠鐭涚浘銆�</p>
- <p>鈶ｅ┐骞煎効鍏ュ洯娲楁墜銆佸鍘曞悗锛屽湴闈㈢殑姘存笉鏈強鏃舵竻鐞嗭紝瀹规槗鑷翠娇婊戝�掑彈浼ゃ��</p>
+ <p>
+ 鈶㈠湪鏉ュ洯娲诲姩涓紝涓哄┐骞煎効鎶曟斁鐨勭帺鍏疯繃灏戯紝瀹规槗寮曡捣濠村辜鍎跨殑浜夋姠鐭涚浘銆�
+ </p>
+ <p>
+ 鈶ｅ┐骞煎効鍏ュ洯娲楁墜銆佸鍘曞悗锛屽湴闈㈢殑姘存笉鏈強鏃舵竻鐞嗭紝瀹规槗鑷翠娇婊戝�掑彈浼ゃ��
+ </p>
<p>
鈶や繚鏁欎汉鍛樼殑绠＄悊涓嶅埌浣嶏紝娌℃湁鍏虫敞鍒拌翰鍦ㄨ钀介噷鐨勫┐骞煎効锛屽綋鎰忓鍙戠敓鏃讹紝涓嶈兘鍙婃椂閲囧彇鏈夋晥鎺柦銆�
</p>
<h3 id="c041">
- <span class="bk1-h3"><span class="bj2-h3">鍥�</span>銆�銆�闃茶寖鏉ュ洯娲诲姩涓殑瀹夊叏闂銆�</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍥�</span
+ >銆�銆�闃茶寖鏉ュ洯娲诲姩涓殑瀹夊叏闂銆�</span
+ >
</h3>
<p>
鍦ㄥ┐骞煎効鏉ュ洯鍓嶆椂锛屾垜浠鐜鍜岀墿鍝佽繘琛屼簡瀹夊叏妫�鏌ワ紝浠ユ帓闄ら殣鎮ｃ�傚湪濠村辜鍎挎潵鍥椂锛屽張瑕佹敞鎰忓摢浜涘畨鍏ㄩ棶棰橈紵閬囧埌闂璇ュ浣曡В鍐冲憿锛�
@@ -228,11 +244,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-16</div>
+ <div class="header-bj zt02-bj"></div>
+ <div class="content zt02-con">
+ <div class="pageStr ztStr">2-16</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -245,7 +261,9 @@
鏉ュ洯娲诲姩缁撴潫鍚庯紝淇濇暀浜哄憳瑕佽鐪熸竻鐐瑰┐骞煎効鐨勪汉鏁帮紝瀵逛簬鏈埌鍥殑濠村辜鍎匡紝瑕佸強鏃惰仈绯诲闀夸簡瑙ｅ師鍥狅紝骞跺仛濂藉嚭鍕よ褰曘��
</p>
<h3 id="c042">
- <span class="bk1-h3"><span class="bj2-h3">浜�</span>銆�銆�鏉ュ洯鎺ュ緟鐨勫唴瀹广��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">浜�</span>銆�銆�鏉ュ洯鎺ュ緟鐨勫唴瀹广��</span
+ >
</h3>
<p>鈶犺惀閫犳俯棣ㄣ�佽垝閫傘�佽交鏉剧殑鐜锛岃繋鎺ュ┐骞煎効鐨勫埌鏉ャ��</p>
<p>鈶＄儹鎯呮帴寰呮瘡涓�浣嶅闀垮拰姣忎竴鍚嶅┐骞煎効锛屽濠村辜鍎夸翰鍒囬棶濂姐��</p>
@@ -256,7 +274,10 @@
<p>鈶ゅ紩瀵煎┐骞煎効涓庡悓浼撮棶濂斤紝涓庡闀胯鍐嶈銆�</p>
<p>鈶ュ紩瀵煎┐骞煎効鎰夊揩鍦板姞鍏ョ彮绾ф椿鍔ㄣ��</p>
<h3 id="c043">
- <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�瀹夋姎鏉ュ洯濠村辜鍎跨殑涓嶈壇鎯呯华銆�</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍏�</span
+ >銆�銆�瀹夋姎鏉ュ洯濠村辜鍎跨殑涓嶈壇鎯呯华銆�</span
+ >
</h3>
<p>
鍒氬叆鍥殑濠村辜鍎挎櫘閬嶄細鍑虹幇鍝椆鍜屼笉鎰垮叆鍥殑鎯呭喌锛岃〃鐜板涓轰翰瀛愬垎绂荤劍铏戙�傚┐骞煎効鍦ㄥ亣鏈熺粨鏉熷悗鎴栬�呯梾鎰堝悗杩斿洯锛屼篃瀹规槗浜х敓涓嶈壇鎯呯华銆傚┐骞煎効瀵圭啛鎮夌殑鐜鍜屾湞澶曠浉澶勭殑浜蹭汉鏈夊緢寮虹殑渚濊禆鎬э紝涓�鏃﹁繘鍏ュ洯鎵�灏辨剰鍛崇潃瑕佷笌鏈�浜茬殑鐖舵瘝銆佹渶鐖辩殑瀹朵汉銆佹渶鐔熸倝鐨勭幆澧冩湁鐭殏鐨勫垎绂伙紝缁忓彈鎯呮劅渚濇亱鐨勮�冮獙锛岃繖浼氬鑷存儏缁劍铏戝拰鎯呯华鐖嗗彂銆傚洜姝わ紝瀹夋姎濠村辜鍎跨殑鎯呯华鏄潵鍥椿鍔ㄤ腑闈炲父閲嶈鐨勪竴椤瑰伐浣滐紝鍙互閲囧彇浠ヤ笅鎺柦缂撹В鍏ュ洯鐨勭劍铏戞儏缁��
@@ -285,14 +306,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt02-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
- <span class="pageNum">2-17</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt02-Str">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+ <span class="pageNum zt02-pageNum">2-17</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt02-bdline"></div>
</div>
</div>
@@ -301,7 +322,10 @@
瀹濆疂涔熸湁渚濇亱鎯呮劅锛屼細鎷呭績鍜屼笉鑸嶏紝鐢氳嚦涓庡┐骞煎効涓�璧锋祦娉紝鍙嶈�屽鏄撳皢鑷繁鐨勬儏缁紶閫掔粰濠村辜鍎匡紝杩欏濠村辜鍎块�傚簲鎵樿偛鏈烘瀯鐨勭敓娲绘槸闈炲父涓嶅埄鐨勩�備繚鏁欎汉鍛樺簲寮曞瀹堕暱灏嗗┐骞煎効閫佸埌鎵樿偛鏈烘瀯鍚庡井绗戠潃涓庡疂瀹濋亾鍒紝涓嶅疁鍋滅暀杩囦箙銆�
</p>
<h3 id="c044">
- <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�鏈夋晥寮�灞曟潵鍥帴寰呭伐浣滅殑鏂规硶銆�</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涓�</span
+ >銆�銆�鏈夋晥寮�灞曟潵鍥帴寰呭伐浣滅殑鏂规硶銆�</span
+ >
</h3>
<h4 class="h4-zt" id="d113">锛堜竴锛夊缓绔嬭壇濂界殑甯堝辜鍏崇郴</h4>
<p>
@@ -312,13 +336,17 @@
鏉ュ洯鏃讹紝淇濇暀浜哄憳鍙互涓庡闀胯繘琛岀畝鐭�佹湁鏁堢殑浜ゆ祦锛屼簡瑙ｅ┐骞煎効鍦ㄥ鐨勬儏鍐碉紝浜嗚В濠村辜鍎跨殑鍋ュ悍鎯呭喌锛屼互渚夸簬鏇村ソ鍦板紑灞曞┐骞煎効涓�鏃ョ敓娲荤殑鐓ф枡銆傚悓鏃讹紝淇濇暀浜哄憳搴旀湁閽堝鎬у湴鍥炲簲锛屽睍鐜板嚭姝ｇ‘鐨勬暀鑲茬悊蹇靛拰涓撲笟鎬э紝璁╁闀垮鍔犲淇濇暀浜哄憳鐨勪俊浠绘劅锛屾媺杩戝鍥儏鎰熻窛绂伙紝澧炲己瀹跺洯琛旀帴鐨勬湁鏁堟�э紝浠ヨ揪鍒板鍥叡鑲茬殑鏈�浣虫晥鏋溿��
</p>
<h3 id="c045">
- <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�鏅ㄩ棿妫�鏌ョ殑蹇呰鎬с��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍏�</span>銆�銆�鏅ㄩ棿妫�鏌ョ殑蹇呰鎬с��</span
+ >
</h3>
<p>
濠村辜鍎胯嚜韬厤鐤郴缁熷彂鑲叉湭瀹屽杽锛屽鍚勭鐤剧梾鐨勬姷鎶楀姏杈冨樊銆傚叆鍥墠锛屽師鏈崟涓�銆佸皝闂殑瀹跺涵鍏昏偛妯″紡浣垮緱濠村辜鍎夸笌澶栫晫鎺ヨЕ灏戯紝鍙楃粏鑿屻�佺梾姣掍镜鍏ョ殑姒傜巼浣庛�傝�岃繘鍏ユ墭鑲叉満鏋勫悗锛屽┐骞煎効鐩稿鑱氶泦锛屽鏈変竴涓┐骞煎効鎮ｇ梾锛屽氨寰堝鏄撻�犳垚鐤剧梾浼犳挱锛岀壒鍒槸浼犳煋鐥呯殑鍙戠敓鍜屾墿鏁ｃ�傚洜姝わ紝鍙婃椂鍙戠幇鍜岄殧绂伙紝鍋氬埌鏃╁彂鐜般�佹棭鎶ュ憡銆佹棭闅旂銆佹棭娌荤枟锛岃兘纭繚姣忎釜骞煎効鐨勫仴搴枫�傝鐪熸墽琛屾櫒闂存鏌ュ埗搴︼紝鏄闃插┐骞煎効鐤剧梾鐨勪竴涓噸瑕佹帾鏂斤紝鏄繚璇佸┐骞煎効瀹夊叏鍏ュ洯鐨勯噸瑕侀�斿緞锛屾槸鎵樿偛鏈烘瀯鏃ュ父宸ヤ綔鐨勯噸瑕佸唴瀹广��
</p>
<h3 id="c046">
- <span class="bk1-h3"><span class="bj2-h3">涔�</span>銆�銆�寮�灞曟櫒闂存鏌ャ��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涔�</span>銆�銆�寮�灞曟櫒闂存鏌ャ��</span
+ >
</h3>
<h4 class="h4-zt" id="d115">锛堜竴锛夋櫒闂存鏌ョ敤鍝佺殑鍑嗗</h4>
<p>淇濇暀浜哄憳搴斿噯澶囨秷姣掕繃鐨勪綋娓╄锛堟垨浣撴俯娴嬮噺浠櫒锛夊拰鍘嬭垖鏉匡紝瑁呮湁鐢�</p>
@@ -330,11 +358,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-18</div>
+ <div class="header-bj zt02-bj"></div>
+ <div class="content zt02-con">
+ <div class="pageStr ztStr">2-18</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img class="ztImg" src="../../image/zt.png" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -377,20 +405,22 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt02-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
- <span class="pageNum">2-19</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt02-Str">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+ <span class="pageNum zt02-pageNum">2-19</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt02-bdline"></div>
</div>
</div>
<div class="bodystyle">
<h3 id="c047">
- <span class="bk1-h3"><span class="bj2-h3">鍗�</span>銆�銆�鎺ュ緟甯﹁嵂鐨勫┐骞煎効銆�</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍗�</span>銆�銆�鎺ュ緟甯﹁嵂鐨勫┐骞煎効銆�</span
+ >
</h3>
<p>
杩涘叆鎵樿偛鏈烘瀯鐨勫┐骞煎効缁忓父浼氬洜涓鸿嚜韬姷鎶楀姏宸�佺幆澧冩敼鍙樸�佸鑺傚彉鍖栥�佹儏缁奖鍝嶇瓑鍥犵礌鍑虹幇鐥呯棁锛屽闀块�氬父浼氬強鏃跺甫濠村辜鍎垮幓鍖婚櫌灏辫瘖銆傚湪鎺掗櫎浼犳煋鐥呯柧鐥呭拰鍣ㄨ川鎬х柧鐥呭悗锛屼繚鏁欎汉鍛樿繕鏄細榧撳姳瀹堕暱鍧氭寔閫佸┐骞煎効鍏ュ洯銆傚洜涓洪暱鏃堕棿鍦ㄥ浼戝吇浼氫娇杈冨皬骞撮緞鐨勫┐骞煎効浜х敓涓嶆効鎰忎笂鎵樿偛鏈烘瀯鐨勬儏缁紝閫犳垚閫傚簲鏈熷欢闀匡紝涓嶅埄浜庡┐骞煎効鐨勫仴搴锋垚闀裤��
@@ -404,15 +434,22 @@
<p>
鏀剁撼绠＄悊濠村辜鍎胯嵂鐗╂椂锛屽繀椤绘牴鎹�滃杺鑽鎵樺強鏈嶈嵂璁板綍琛ㄢ�濅笂鐨勫唴瀹硅繘琛屾牳瀵癸紝骞跺湪鑽墿鏍囩涓婃爣娉ㄧ敤鑽┐骞煎効鐨勫鍚嶃�傜粰鑽椂瑕佷粩缁嗘牳瀵癸紝纭繚濠村辜鍎跨敤鑽殑鍑嗙‘鎬у拰瀹夊叏鎬с��
</p>
- <p><br/></p>
+ <p><br /></p>
<div class="bk-tx border-xxfs">
- <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
- <textarea v-model="chapter011.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
- class="textareaInput" @blur="onBlurChange('text39')"></textarea>
+ <div class="bj3">
+ <span class="cirlce"></span><span>瀛︿範鍙嶆��</span>
+ </div>
+ <textarea
+ v-model="chapter011.textAreaItem.text39"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="8"
+ class="textareaInput"
+ @blur="onBlurChange('text39')"
+ ></textarea>
</div>
</div>
</div>
-
</div>
</div>
</template>
diff --git a/src/books/lifeCare/view/components/chapter012.vue b/src/books/lifeCare/view/components/chapter012.vue
index 1e0f1d9..c18f5ae 100644
--- a/src/books/lifeCare/view/components/chapter012.vue
+++ b/src/books/lifeCare/view/components/chapter012.vue
@@ -3,7 +3,9 @@
<div class="page-box" page="171">
<div v-if="showPageList.indexOf(171) > -1">
<div class="bodystyle topImg">
- <h2 id="b011"><img class="img-0" alt="" src="../../image/zt3.jpg" /></h2>
+ <h2 id="b011">
+ <img class="img-0" alt="" src="../../image/zt3.jpg" />
+ </h2>
<div class="bk">
<div class="bj1">
<p class="left">
@@ -58,20 +60,22 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-21</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-21</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
<div class="bodystyle">
<h3 id="c048">
- <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�娲楁墜鐨勯噸瑕佹�с��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涓�</span>銆�銆�娲楁墜鐨勯噸瑕佹�с��</span
+ >
</h3>
<div class="bk-ztgs">
<p class="bj1-ztgs">鈯欍��鍏充簬娲楁墜鐨勬晠浜嬨��鈯�</p>
@@ -89,12 +93,16 @@
<p>
濠村辜鍎跨殑鍏嶇柅绯荤粺涓嶆垚鐔熴�佷笉瀹屽杽锛屽鏄撳彈鍒板悇绉嶄笉鑹洜绱犵殑褰卞搷锛屾垚涓鸿鎰熸煋鐨勯珮鍗变汉缇ゃ�傛礂鎵嬫槸棰勯槻鐤剧梾鏈�绠�渚挎湁鏁堢殑鎺柦涔嬩竴銆傚┐骞煎効鍦ㄧ敓娲讳腑锛屾墜涓嶆柇鎺ヨЕ鍒拌鐥呮瘨銆佺粏鑿屾薄鏌撶殑鐗╁搧锛屽鏋滀笉鑳藉強鏃舵纭礂鎵嬶紝鎵嬩笂鐨勭梾鍘熶綋鍙兘閫氳繃鎵嬪拰鍙ｃ�佺溂銆侀蓟鐨勯粡鑶滄帴瑙﹁繘鍏ヤ汉浣撱�傛礂鎵嬪彲浠ョ畝鍗曟湁鏁堝湴鍒囨柇杩欎竴閫斿緞锛岄檷浣庢劅鏌撻闄┿��
</p>
- <h4 class="h4-zt" id="d119">锛堜簩锛変繚鏁欎汉鍛樻礂鎵嬪彲浠ユ湁鏁堝噺灏戜氦鍙夋劅鏌�</h4>
+ <h4 class="h4-zt" id="d119">
+ 锛堜簩锛変繚鏁欎汉鍛樻礂鎵嬪彲浠ユ湁鏁堝噺灏戜氦鍙夋劅鏌�
+ </h4>
<p>
淇濇暀浜哄憳闇�瑕侀绻佹帴瑙﹀┐骞煎効锛屽鏋滆嚜韬笉娉ㄦ剰鎵嬬殑鍗敓锛屽氨浼氬皢鎵嬩笂鎼哄甫鐨勭梾鑿屼紶鎾粰濠村辜鍎匡紝閫犳垚浜ゅ弶鎰熸煋銆�
</p>
<h3 id="c049">
- <span class="bk1-h3"><span class="bj2-h3">浜�</span>銆�銆�娲楁墜鐨勬椂鏈恒��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">浜�</span>銆�銆�娲楁墜鐨勬椂鏈恒��</span
+ >
</h3>
<p>
濠村辜鍎垮湪濡傚帟鍚庛�佸悆涓滆タ鍓嶃�佹帴瑙﹀疇鐗╁悗銆佸鍑哄綊鏉ュ悗锛堝幓鎴峰娲诲姩鎴栧鍑烘父鐜╁洖鏉ワ級銆佸挸鍡藉悗銆佹墦鍠峰殢鍚庛�佹摝榧绘稌鍚庛�佹帴瑙﹁剰涓滆タ鍚庨兘闇�瑕佹礂鎵嬨��
@@ -110,11 +118,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-22</div>
+ <div class="header-bj zt03-bj"></div>
+ <div class="content zt03-con">
+ <div class="pageStr ztStr">2-22</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -122,7 +130,9 @@
</div>
<div class="bodystyle">
<h3 id="c050">
- <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�缁勭粐鍜屾寚瀵煎┐骞煎効娲楁墜銆�</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">涓�</span>銆�銆�缁勭粐鍜屾寚瀵煎┐骞煎効娲楁墜銆�</span
+ >
</h3>
<p><br /></p>
<div class="bk-zt1">
@@ -222,20 +232,23 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-23</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-23</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
<div class="bodystyle">
<h3 id="c051">
- <span class="bk1-h3"><span class="bj2-h3">鍥�</span>銆�銆�鏍规嵁濠村辜鍎跨溂鐫涖�佽�虫湹銆侀蓟鑵斻�佸彛鑵斿拰鐨偆鐨勭壒鐐瑰疄鏂芥竻娲併��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍥�</span
+ >銆�銆�鏍规嵁濠村辜鍎跨溂鐫涖�佽�虫湹銆侀蓟鑵斻�佸彛鑵斿拰鐨偆鐨勭壒鐐瑰疄鏂芥竻娲併��</span
+ >
</h3>
<h4 class="h4-zt" id="d123">锛堜竴锛夊┐骞煎効鐪肩潧鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4>
<p>鐪肩潧鐨勭粨鏋勫鍥�2-3-2鎵�绀恒��</p>
@@ -274,11 +287,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-24</div>
+ <div class="header-bj zt03-bj"></div>
+ <div class="content zt03-con">
+ <div class="pageStr ztStr">2-24</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -321,14 +334,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-25</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-25</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
@@ -341,7 +354,9 @@
<p class="img">鍥�2-3-4銆�榧昏厰鐨勭粨鏋�</p>
<h5 class="h5-zt" id="e107">1.濠村辜鍎块蓟鑵旂殑鐗圭偣</h5>
<p>锛�1锛夊鏄撴劅鏌�</p>
- <p>濠村辜鍎块蓟鑵斿唴榛忚啘鏌旇蒋锛岄蓟姣涜緝灏戯紝瀵圭┖姘旂殑杩囨护浣滅敤杈冨急锛屽鏄撴劅鏌撱��</p>
+ <p>
+ 濠村辜鍎块蓟鑵斿唴榛忚啘鏌旇蒋锛岄蓟姣涜緝灏戯紝瀵圭┖姘旂殑杩囨护浣滅敤杈冨急锛屽鏄撴劅鏌撱��
+ </p>
<p>锛�2锛夊鏄撳牭濉�</p>
<p>
濠村辜鍎块蓟鑵旇緝鐙獎锛岃绠′赴瀵岋紝閬囧埌杞诲井鐨勫埡婵�灏变細鍏呰姘磋偪锛屽紩鍙戦蓟榛忚啘鑲胯儉锛屽垎娉岀墿澧炲锛岄�犳垚榧昏厰鍫靛銆�
@@ -373,11 +388,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-26</div>
+ <div class="header-bj zt03-bj"></div>
+ <div class="content zt03-con">
+ <div class="pageStr ztStr">2-26</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -409,7 +424,9 @@
</p>
<h5 class="h5-zt" id="e110">2.褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌</h5>
<p>濠村辜鍎垮彛鑵斿仴搴峰彈鍒板緢澶氬洜绱犵殑褰卞搷锛岃琛�2-3-2銆�</p>
- <p class="img">琛�2-3-2銆�褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌鍙婄淮鎶ゅ彛鑵斿仴搴风殑鍋氭硶</p>
+ <p class="img">
+ 琛�2-3-2銆�褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌鍙婄淮鎶ゅ彛鑵斿仴搴风殑鍋氭硶
+ </p>
<p class="center openImgBox">
<img class="img-a" alt="" src="../../image/0189-3.jpg" />
</p>
@@ -422,14 +439,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-27</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-27</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
@@ -472,11 +489,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-28</div>
+ <div class="header-bj zt03-bj"></div>
+ <div class="content zt03-con">
+ <div class="pageStr ztStr">2-28</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -507,7 +524,9 @@
淇濊偛鍛橀渶瑕佹瘡澶╃敤娓呮按甯姪濠村辜鍎挎礂鑴搞�佹墜銆佽�崇瓑鐨偆瑁搁湶鐨勯儴鍒嗭紝鍕や负鍏舵礂婢°�佹礂澶达紝鍕ゅ壀鎸囩敳锛屼繚鎸佺毊鑲ゆ竻娲併�傝嫢濠村辜鍎跨殑鐨剛鑵哄垎娉岀墿杩囧锛屽湪澶寸毊涓婂舰鎴愪竴灞傞粍瑜愯壊鐨勭梻鐨紝鍙皢妞嶇墿娌瑰姞鐑紝鏅惧噳涔嬪悗鐢ㄦ潵闂疯蒋鐥傜毊锛岀劧鍚庡啀娓呮礂銆傚湪鐩ユ礂杩囩▼涓渶瑕佹敞鎰忎繚娓╋紝姝ｇ‘閫夌敤濠村辜鍎挎礂鎶ょ敤鍝侊紝蹇呴』涓哄┐骞煎効閫夌敤涓撶敤鎶よ偆鍝侊紝鍒囦笉鍙敤鎴愪汉鐨勬竻娲佺敤鍝併�佹姢鑲ゅ搧鍙婃湁鍒烘縺鎬х殑鍖栧鍝併�傚湪鐨偆涓婃秱鎷嵂鐗╀篃瑕佹敞鎰忚嵂鐗╃殑娴撳害鍜屽墏閲忥紝涓嶅彲杩囬噺銆�
</p>
<h3 id="c052">
- <span class="bk1-h3"><span class="bj2-h3">浜�</span>銆�銆�涓嶅悓鎬у埆鐨勫┐骞煎効鐨勬竻娲併��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">浜�</span>銆�銆�涓嶅悓鎬у埆鐨勫┐骞煎効鐨勬竻娲併��</span
+ >
</h3>
<h4 class="h4-zt" id="d128">锛堜竴锛夊コ绔�</h4>
<p>
@@ -522,14 +541,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-29</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-29</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
<div class="bodystyle">
@@ -544,7 +563,10 @@
鐢风鏈�闅炬竻鐞嗙殑鏄敓娈栧櫒瀹樸�傚垰鍑虹敓鐨勭敺绔ョ殑鍖呯毊杩樼揣闄勫湪榫熷ご涓婏紝鍙渶瑕佹妸闇插湪澶栭潰鐨勯儴鍒嗚交杞绘礂骞插噣鍗冲彲銆傚ぇ閮ㄥ垎鐨勭敺绔ュ湪2宀佷箣鍓嶏紝鍖呯毊鍜岄緹澶翠笉浼氬畬鍏ㄥ垎寮�锛岃繖鏃剁壒鍦扮炕寮�鍖呯毊娓呮礂锛屽鏋滄垚浜哄姩浣滃お澶ф垨瀛╁瓙涔卞姩閮藉鏄撳紕浼ょ敺绔ャ�傚緟鐢风闀垮ぇ涓�浜涳紝鍖呯毊涓庨緹澶村畬鍏ㄥ垎寮�涔嬪悗锛屽啀鍗忓姪鐢风缈诲紑鍖呯毊娓呮礂锛屾竻娲楁椂锛屽姩浣滀竴瀹氳杞绘煍锛屽湪鐨辫ざ澶勫鑺变簺鏃堕棿銆傜敺绔ユ病鏈夋墍璋撯�滀粠鍓嶅線鍚庘�濈殑娓呮礂鍘熷垯锛屼絾搴斿ソ濂芥竻娲楃毊鑲ょ毐瑜跺銆傚钩鏃跺鍘曞悗鐢ㄥ┐骞煎効涓撶敤婀跨焊宸炬摝骞插噣锛屾礂婢＄殑鏃跺�欏彲浠ョ敤骞插噣鐨勭罕甯冩摝鎷ぇ鑵挎牴閮ㄣ�佸闃撮儴鐨勭毊鑲ょ毐瑜跺锛屽浜庣敺绔ョ殑鐫句父瑕佽交鏌斻�佷粩缁嗭紝鍖呮嫭闃磋寧涓嬫柟銆佺澗涓镐笌鐨偆璐村悎涔嬪閮借娓呮礂骞插噣銆�
</p>
<h3 id="c053">
- <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�浣垮┐骞煎効鍏绘垚鑹ソ鐨勭洢娲椾範鎯��</span>
+ <span class="bk1-h3"
+ ><span class="bj2-h3">鍏�</span
+ >銆�銆�浣垮┐骞煎効鍏绘垚鑹ソ鐨勭洢娲椾範鎯��</span
+ >
</h3>
<p>
鑹ソ鐨勭洢娲椾範鎯湁鍒╀簬濠村辜鍎胯韩蹇冨仴搴风殑鍙戝睍鍜岃涓轰範鎯殑鍩瑰吇銆備繚鑲插憳搴斿涓嶅悓骞撮緞鐨勫┐骞煎効杩涜鐩ユ礂璁粌鍜屾寚瀵硷紝浠ヤ究濠村辜鍎跨啛缁冩帉鎻＄洢娲楁妧鑳斤紝褰㈡垚鑷鐩ユ礂鐨勪範鎯��
@@ -561,11 +583,11 @@
<!-- 鍋舵暟椤� -->
<div class="header">
<div class="pageHeader-first">
- <div class="header-bj"></div>
- <div class="content">
- <div class="pageStr">2-30</div>
+ <div class="header-bj zt03-bj"></div>
+ <div class="content zt03-con">
+ <div class="pageStr ztStr">2-30</div>
<div class="title">
- <img src="../../image/chapter.png" alt="" />
+ <img src="../../image/zt.png" class="ztImg" alt="" />
<span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
</div>
</div>
@@ -573,26 +595,30 @@
</div>
<div class="bodystyle">
- <p class="center openImgBox">
- <img class="img-b" alt="" src="../../image/0193-1.jpg" />
- </p>
- <p class="img">鍥�2-3-7銆�鎵樿偛鍥殑鐩ユ礂鐜</p>
- <h4 class="h4-zt" id="d131">锛堜簩锛夐紦鍔卞辜鍎跨粌涔犵洢娲�</h4>
- <p>
- 淇濊偛鍛樹笉瑕佸洜涓烘媴蹇冨辜鍎胯嚜宸辨礂涓嶅共鍑�鑰屽寘鍔炰唬鏇匡紝搴旀斁鎵嬭骞煎効缁冧範鐩ユ礂銆傞拡瀵�13锝�24涓湀榫勭殑骞煎効锛屽簲鍗忓姪鍜屽紩瀵煎辜鍎胯嚜宸辨礂鎵嬨�佸埛鐗欙紱閽堝25锝�36鏈堥緞鐨勫辜鍎匡紝搴斿紩瀵煎辜鍎块鍚庢急鍙ｏ紝姝ｇ‘鍒风墮锛屼娇鐢ㄨ偉鐨傛垨娲楁墜娑叉纭礂鎵嬶紝璁よ瘑鑷繁鐨勬瘺宸惧苟鎿︽墜銆�
- </p>
- <h4 class="h4-zt" id="d132">锛堜笁锛夊彂鎸ョず鑼冪殑绉瀬浣滅敤</h4>
- <p>
- 鎴愪汉鏄┐骞煎効妯′豢鐨勯噸瑕佸璞★紝淇濊偛鍛樼殑鏃ュ父琛屼负闅忔椂閮戒細瀵瑰┐骞煎効鐨勫彂灞曚骇鐢熸綔绉婚粯鍖栫殑褰卞搷銆備繚鑲插憳瑕佸杽浜庢姄浣忎竴鍒囨満浼氫负濠村辜鍎垮仛濂借涓虹ず鑼冿紝鐢ㄨ嚜宸辫壇濂界殑鐩ユ礂涔犳儻鍘诲奖鍝嶄粬浠�傚悓浼存槸濠村辜鍎胯鎽╁涔犵殑姒滄牱銆備繚鑲插憳鍙互鍦ㄥ┐骞煎効涓爲绔嬭壇濂界殑鍏稿瀷锛岃濠村辜鍎跨浉浜掍氦娴併�佽鎽╁拰瀛︿範銆�
- </p>
- <h4 class="h4-zt" id="d133">锛堝洓锛夋牴鎹勾榫勭壒鐐瑰洜鏉愭柦鏁�</h4>
- <p>
- 涓嶅悓骞撮緞濠村辜鍎跨殑鐩ユ礂鏁欒偛鐨勬寚瀵煎唴瀹瑰拰鏂规硶搴斿悇鏈変笉鍚屻�傚1宀佷互鍐呯殑濠村効锛屼繚鑲插憳浠ュ叏绋嬪府鍔╀负涓伙紱1锝�2宀佺殑骞煎効锛屼繚鑲插憳鍙互鍦ㄩ儴鍒嗙畝鍗曠殑鐜妭鏀炬墜璁╁辜鍎跨嫭绔嬪畬鎴愶紝闅句互瀹屾垚鐨勭幆鑺傜敱淇濊偛鍛樺府鍔╁畬鎴愶紱2锝�3宀佺殑骞煎効锛屼繚鑲插憳鍦ㄦ瘡鏃ョ殑鐩ユ礂鐜妭鎸囧骞煎効缁冧範锛屽浼氬ぇ澶氭暟鐩ユ礂鍐呭鐨勬搷浣溿�傚洜涓哄┐骞煎効鍚勬柟闈㈢殑鑳藉姏杈冧綆锛屼繚鑲插憳蹇呴』瀵瑰┐骞煎効杩涜鍙嶅鐨勩�佹寔涔嬩互鎭掔殑鎸囧鍜岃缁冿紝鎵嶅彲鑳藉彇寰楄緝濂界殑鏁堟灉銆�
- </p>
- <h4 class="h4-zt" id="d134">锛堜簲锛夊紑灞曢�傚綋鐨勮涓哄己鍖�</h4>
- <p>
- 浠讳綍涓�椤圭洢娲楁椿鍔ㄩ兘鍖呮嫭璁稿姝ラ锛屽彧鏈夊弽澶嶇粌涔狅紝濠村辜鍎挎墠浼氱啛缁冩帉鎻★紝骞跺舰鎴愪範鎯�傞拡瀵逛竴浜涘┐骞煎効鍦ㄧ洢娲楁椂琛ㄧ幇鍑虹殑绉嶇涓嶈壇琛屼负涔犳儻锛屽簲閫夋嫨姝ｇ‘鐨勮涓轰綔涓虹洰鏍囦笉鏂己鍖栥�備緥濡傦紝瀵逛簬鐩ユ礂鏃剁埍瀣夐椆鐨勫┐骞煎効锛岃姹傚湪瑙勫畾鐨勬椂闂村唴瀹屾垚锛涘浜庢帹鎸ゃ�佹湁鏀诲嚮琛屼负鐨勫┐骞煎効锛屼笉蹇樻彁閱掑叾閬靛畧鐩ユ礂瑕佹眰锛涘綋濠村辜鍎跨己涔忔帶鍒惰兘鍔涙椂锛屼繚鑲插憳瑕佹湁鎰忚瘑鍦板埄鐢ㄨ瑷�銆佽〃鎯呫�佸姩浣滅瓑缁欎簣鏆楃ず锛屽強鏃舵彁閱掞紝濡傛彁閱掑┐骞煎効闅忔墜鍏崇揣姘撮緳澶达紝璁╁┐骞煎効浠庡皬鍏绘垚鑺傜害鐢ㄦ按鐨勫ソ涔犳儻銆�
- </p>
+ <div class="rightPng">
+ <p class="center openImgBox">
+ <img class="img-b" alt="" src="../../image/0193-1.jpg" />
+ </p>
+ <p class="img">鍥�2-3-7銆�鎵樿偛鍥殑鐩ユ礂鐜</p>
+ </div>
+ <div>
+ <h4 class="h4-zt" id="d131">锛堜簩锛夐紦鍔卞辜鍎跨粌涔犵洢娲�</h4>
+ <p>
+ 淇濊偛鍛樹笉瑕佸洜涓烘媴蹇冨辜鍎胯嚜宸辨礂涓嶅共鍑�鑰屽寘鍔炰唬鏇匡紝搴旀斁鎵嬭骞煎効缁冧範鐩ユ礂銆傞拡瀵�13锝�24涓湀榫勭殑骞煎効锛屽簲鍗忓姪鍜屽紩瀵煎辜鍎胯嚜宸辨礂鎵嬨�佸埛鐗欙紱閽堝25锝�36鏈堥緞鐨勫辜鍎匡紝搴斿紩瀵煎辜鍎块鍚庢急鍙ｏ紝姝ｇ‘鍒风墮锛屼娇鐢ㄨ偉鐨傛垨娲楁墜娑叉纭礂鎵嬶紝璁よ瘑鑷繁鐨勬瘺宸惧苟鎿︽墜銆�
+ </p>
+ <h4 class="h4-zt" id="d132">锛堜笁锛夊彂鎸ョず鑼冪殑绉瀬浣滅敤</h4>
+ <p>
+ 鎴愪汉鏄┐骞煎効妯′豢鐨勯噸瑕佸璞★紝淇濊偛鍛樼殑鏃ュ父琛屼负闅忔椂閮戒細瀵瑰┐骞煎効鐨勫彂灞曚骇鐢熸綔绉婚粯鍖栫殑褰卞搷銆備繚鑲插憳瑕佸杽浜庢姄浣忎竴鍒囨満浼氫负濠村辜鍎垮仛濂借涓虹ず鑼冿紝鐢ㄨ嚜宸辫壇濂界殑鐩ユ礂涔犳儻鍘诲奖鍝嶄粬浠�傚悓浼存槸濠村辜鍎胯鎽╁涔犵殑姒滄牱銆備繚鑲插憳鍙互鍦ㄥ┐骞煎効涓爲绔嬭壇濂界殑鍏稿瀷锛岃濠村辜鍎跨浉浜掍氦娴併�佽鎽╁拰瀛︿範銆�
+ </p>
+ <h4 class="h4-zt" id="d133">锛堝洓锛夋牴鎹勾榫勭壒鐐瑰洜鏉愭柦鏁�</h4>
+ <p>
+ 涓嶅悓骞撮緞濠村辜鍎跨殑鐩ユ礂鏁欒偛鐨勬寚瀵煎唴瀹瑰拰鏂规硶搴斿悇鏈変笉鍚屻�傚1宀佷互鍐呯殑濠村効锛屼繚鑲插憳浠ュ叏绋嬪府鍔╀负涓伙紱1锝�2宀佺殑骞煎効锛屼繚鑲插憳鍙互鍦ㄩ儴鍒嗙畝鍗曠殑鐜妭鏀炬墜璁╁辜鍎跨嫭绔嬪畬鎴愶紝闅句互瀹屾垚鐨勭幆鑺傜敱淇濊偛鍛樺府鍔╁畬鎴愶紱2锝�3宀佺殑骞煎効锛屼繚鑲插憳鍦ㄦ瘡鏃ョ殑鐩ユ礂鐜妭鎸囧骞煎効缁冧範锛屽浼氬ぇ澶氭暟鐩ユ礂鍐呭鐨勬搷浣溿�傚洜涓哄┐骞煎効鍚勬柟闈㈢殑鑳藉姏杈冧綆锛屼繚鑲插憳蹇呴』瀵瑰┐骞煎効杩涜鍙嶅鐨勩�佹寔涔嬩互鎭掔殑鎸囧鍜岃缁冿紝鎵嶅彲鑳藉彇寰楄緝濂界殑鏁堟灉銆�
+ </p>
+ <h4 class="h4-zt" id="d134">锛堜簲锛夊紑灞曢�傚綋鐨勮涓哄己鍖�</h4>
+ <p>
+ 浠讳綍涓�椤圭洢娲楁椿鍔ㄩ兘鍖呮嫭璁稿姝ラ锛屽彧鏈夊弽澶嶇粌涔狅紝濠村辜鍎挎墠浼氱啛缁冩帉鎻★紝骞跺舰鎴愪範鎯�傞拡瀵逛竴浜涘┐骞煎効鍦ㄧ洢娲楁椂琛ㄧ幇鍑虹殑绉嶇涓嶈壇琛屼负涔犳儻锛屽簲閫夋嫨姝ｇ‘鐨勮涓轰綔涓虹洰鏍囦笉鏂己鍖栥�備緥濡傦紝瀵逛簬鐩ユ礂鏃剁埍瀣夐椆鐨勫┐骞煎効锛岃姹傚湪瑙勫畾鐨勬椂闂村唴瀹屾垚锛涘浜庢帹鎸ゃ�佹湁鏀诲嚮琛屼负鐨勫┐骞煎効锛屼笉蹇樻彁閱掑叾閬靛畧鐩ユ礂瑕佹眰锛涘綋濠村辜鍎跨己涔忔帶鍒惰兘鍔涙椂锛屼繚鑲插憳瑕佹湁鎰忚瘑鍦板埄鐢ㄨ瑷�銆佽〃鎯呫�佸姩浣滅瓑缁欎簣鏆楃ず锛屽強鏃舵彁閱掞紝濡傛彁閱掑┐骞煎効闅忔墜鍏崇揣姘撮緳澶达紝璁╁┐骞煎効浠庡皬鍏绘垚鑺傜害鐢ㄦ按鐨勫ソ涔犳儻銆�
+ </p>
+ </div>
</div>
</div>
</div>
@@ -602,14 +628,14 @@
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
- <div class="second-left"></div>
+ <div class="second-left zt03-left"></div>
<div class="second-right">
- <img src="../../image/pageImg.png" alt="" />
- <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
- <span class="pageNum">2-31</span>
+ <img src="../../image/zt-pen.png" class="zt-pen" alt="" />
+ <span class="pageStr zt03-Str">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+ <span class="pageNum zt03-pageNum">2-31</span>
</div>
</div>
- <div class="borderLine"></div>
+ <div class="borderLine zt03-bdline"></div>
</div>
</div>
@@ -621,11 +647,19 @@
<p>
鑹ソ鐨勭洢娲椾範鎯槸浜轰笉鍙己灏戠殑绱犺川涔嬩竴锛屽浜庡瀛愪粖鍚庣殑鍋ュ悍鍙戝睍涔熷叿鏈夌浉褰撻噸瑕佺殑浣滅敤銆傛垜浠簲浠庡皬涓哄瀛愭挱涓嬭壇濂戒範鎯殑绉嶅瓙锛屽洜涓烘湁鑹ソ鐩ユ礂涔犳儻鐨勫瀛愬皢缁堣韩鍙楃泭銆�
</p>
- <p><br/></p>
+ <p><br /></p>
<div class="bk-tx border-xxfs">
- <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
- <textarea v-model="chapter012.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
- class="textareaInput" @blur="onBlurChange('text39')"></textarea>
+ <div class="bj3">
+ <span class="cirlce"></span><span>瀛︿範鍙嶆��</span>
+ </div>
+ <textarea
+ v-model="chapter012.textAreaItem.text39"
+ style="border: 0"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="8"
+ class="textareaInput"
+ @blur="onBlurChange('text39')"
+ ></textarea>
</div>
</div>
</div>
diff --git a/src/books/lifeCare/view/components/index.vue b/src/books/lifeCare/view/components/index.vue
index 2e60d55..b766ff6 100644
--- a/src/books/lifeCare/view/components/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -191,7 +191,7 @@
},
mounted() {
// 榛樿鍔犺浇绔犺妭
- this.showCatalogList = [1];
+ this.showCatalogList = [14];
// 婊氬姩鐩戝惉鑺傛祦
this.throttledScrollHandler = _.throttle(
this.scrollFun,
--
Gitblit v1.9.1