From 36b6f8d069bf3adf3b1cdc7434003769731b6cf1 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期一, 27 五月 2024 17:26:11 +0800
Subject: [PATCH] 增加icon

---
 src/books/lifeCare/view/chapter012.vue |  275 ++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 253 insertions(+), 22 deletions(-)

diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/chapter012.vue
index 8c1b361..f1cd5a1 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/chapter012.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="page-content-box">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="13">
+    <div class="page-box" page="167">
+      <div class="bodystyle topImg">
         <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -50,7 +50,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="168">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-21</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c048">
           <span class="bk1-h3"
@@ -90,7 +105,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="169">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-22</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c050">
           <span class="bk1-h3"
@@ -99,18 +127,63 @@
         </h3>
         <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
             <img class="img-g" alt="" src="../image/0185-1.jpg" />
-          </p>
+          </p> -->
           <p>
-            浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鎵爜鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨��
+            浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨��
           </p>
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">鎵樿偛鍥洢娲楃幆澧冨垱璁捐鑼�</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>锛堜竴锛夊┐骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹�</p>
+                <p>鈶犵敤鍝佸噯澶囬綈鍏細娲楁墜娑层�佹秷姣掓瘺宸撅紙涓�浜轰竴宸撅級銆�</p>
+                <p>
+                  鈶℃按姹犲彴闈袱杈瑰悇璐翠竴涓皬鏍囩锛屽皢娲楁墜娑叉寜绾挎憜鏀撅紝浠ヤ究闅忔椂褰掍綅銆�
+                </p>
+                <p>锛堜簩锛夋礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰</p>
+                <p>锛�1锛夋竻娲佹秷姣掔殑鎿嶄綔瑕佹眰</p>
+                <p>鈶犻厤鍒舵竻娲佸墏锛氱敤1鈭�10鐨勬礂娲佺簿婧舵恫銆�</p>
+                <p>
+                  鈶¢鍏堬紝鐢ㄥ埛瀛愯樃鍙栨礂娲佺簿婧舵恫锛屽埛娲楁礂鎵嬫睜鍐呭琛ㄩ潰鍙婃按榫欏ご锛岀壒鍒槸钘忓灑澶勶紝涓�瀹氳鍒锋礂骞插噣銆傜劧鍚庯紝鐢ㄦ竻姘村啿娲楀共鍑�銆傛渶鍚庯紝鐢ㄦ竻娲佹姽甯冭樃娲楁磥绮炬憾娑诧紝灏嗘礂鎵嬫睜鍐呭琛ㄩ潰鍙婃按榫欏ご鎿︽礂涓�閬嶏紝骞剁敤娓呮按鍐叉礂骞插噣锛堟敞鎰忔礂鎵嬫睜鍑烘按鍙e強鍙伴潰锛夈��
+                </p>
+                <p>
+                  鈶㈤厤鍒舵祿搴︿负500鈥俶g/L鐨勫惈姘秷姣掓恫锛岀敤涓撶敤姣涘肪瀵瑰彴鐩嗗強榫欏ご杩涜鎿︽嫮娑堟瘨銆�
+                </p>
+                <p>鈶e皢娓呮磥宸ュ叿鐢ㄦ竻姘村啿娲楀共鍑�锛屽皢姣涘肪娲楀噣鍚庢櫨骞层��</p>
+                <p>锛�2锛夊崼鐢熻姹�</p>
+                <p>
+                  鈶犲缁堜繚鎸佹礂鎵嬫睜鍙伴潰骞茬嚗锛屽挨鍏舵槸鎺ヨЕ濠村辜鍎胯韩浣撶殑鍙伴潰杈圭紭锛岄伩鍏嶅┐骞煎効寮勬箍琛f湇銆�
+                </p>
+                <p>
+                  鈶¢暅瀛愬拰姘撮緳澶撮殢鏃朵繚鎸佸共鍑�锛屾病鏈夋按娓嶏紝姘撮緳澶村紑鍏崇殑鑳岄潰涔熻淇濇寔骞插噣銆�
+                </p>
+                <p>鈶㈢敤涓撶敤鎶瑰竷鎿︽嫮锛岄槻姝㈤暅瀛愬拰姘撮緳澶磋〃闈骇鐢熷垝鐥曘��</p>
+                <p>涓夛級鐩ユ礂瀹ゆ竻娲佸崼鐢熺殑瑕佹眰</p>
+                <p>
+                  鈶犲浜庢摝鎷笉鍚屼綅缃殑鎶瑰竷鍜屾嫋鎶婏紝搴斿姞浠ュ尯鍒嗗苟鍥哄畾瀹夋斁锛堢敤瀹屽悗鏀惧埌鏍囨湁鏍囪瘑鐨勫浐瀹氫綅缃級锛屼笉鍙贩鐢ㄣ��
+                </p>
+                <p>
+                  鈶$洢娲楀涓�鑸殑鎿嶄綔椤哄簭涓猴細寮�绐楅�氶鈥旀竻鐞嗘薄鐗┾�斿啿娲楁按姹犫�旀竻娲佺獥妗嗐�佸澹併�佺伅銆侀暅瀛愬強鏌滃瓙鈥旀竻娲佸湴闈€��
+                </p>
+                <p>
+                  鈶㈢洢娲楀鐨勫湴闈㈣淇濇寔鏃犵Н姘淬�佹棤姹℃笉銆佹棤姝昏锛屾瘡娆″┐骞煎効闆嗕腑杩涘叆鐩ユ礂瀹ゅ悗閮藉簲蹇�熸竻鐞嗕竴娆°��
+                </p>
+                <p>
+                  鈶f壎鎵嬨�佸闈€�佸湴闈€�佷究姹犵瓑搴斿畾鏈熸摝娲楋紝棰戠巼涓烘瘡澶╀袱娆★紙涓崍鍜岀鍥級銆�
+                </p>
+                <p>鈶ょ敤娴撳害涓�500鈥俶g/L鍚隘娑堟瘨娑叉秷姣掔洢娲楀鐨勫湴闈€��</p>
+              </div>
+            </div>
+          </div>
         </div>
+        <p><br /></p>
         <h4 class="h4-zt" id="d120">锛堜竴锛夊仛濂芥礂鎵嬪墠鐨勫噯澶�</h4>
         <p>
           鐩ユ礂瀹ょ殑鍦伴潰瑕佷繚鎸佹竻娲佸共鐖斤紝闃叉濠村辜鍎挎粦鍊掋�傝鍦ㄦ按姹犵殑鍦伴潰閾轰笂娓楁按鍦板灚锛屽鏋滄按姹犵殑楂樺害瓒呰繃濠村辜鍎跨殑鑲樺叧鑺傦紝搴斿皢姘存睜鍓嶇殑鍦伴潰鍨珮锛岄槻姝㈡礂鎵嬫椂姘寸亴鍏ュ┐骞煎効鐨勮绠°�傚噯澶囪嫢骞茶偉鐨傦紙涓庢按榫欏ご鐨勬暟閲忕浉鍚岋級锛屼负姣忎竴鍚嶅┐骞煎効鍑嗗涓�鏉″皬鏂规瘺宸撅紝骞舵寕鍦ㄥ浐瀹氱殑鍦版柟銆�
@@ -143,7 +216,22 @@
         <p>鈶ゅ煿鍏诲┐骞煎効鐨勮嚜鐞嗚兘鍔涳紝涓嶅寘鍔炰唬鏇匡紝鍩瑰吇濠村辜鍎胯壇濂界殑鐩ユ礂涔犳儻銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="170">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-23</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c051">
           <span class="bk1-h3"
@@ -182,7 +270,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="171">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-24</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           澶栫殑骞插噣鐨勪竴瑙掞紙鏂扮殑娑堟瘨妫夌悆鎴栨绛撅級鎿﹀噣鐪奸儴銆傝鍏绘垚鑹ソ鐨勫崼鐢熶範鎯紝涓嶇敤涓嶆竻娲佺殑鎵嬪拰姣涘肪鎶规摝濠村辜鍎跨殑鐪肩潧銆傚鏋滃彂鐜扮粨鑶滅値瑕佸強鏃惰仈绯诲闀块�佸┐骞煎効灏卞尰銆�
@@ -212,7 +314,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="172">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-25</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d125">锛堜笁锛夊┐骞煎効榧昏厰鐨勭壒鐐逛笌娓呮磥瑕佺偣</h4>
         <p>榧昏厰鐨勭粨鏋勫鍥�2-3-4鎵�绀恒��</p>
@@ -248,7 +365,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="173">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-26</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           闅欙紙灏栫墮鐨勪綅缃級锛�2宀佸乏鍙�4涓皷鐗欓暱鍑猴紱鏈�杩熻嚦2宀佸崐锛�4涓浜屼钩纾ㄧ墮钀屽嚭锛�20涓钩鐗欏叏閮ㄥ嚭榻愶紙瑙佸浘2-3-5銆佽〃2-3-1锛夈��
@@ -280,7 +411,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="174">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-27</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e111">3.濠村辜鍎垮父瑙佺殑鍙h厰闂</h5>
         <p>
@@ -314,7 +460,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="175">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-28</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>锛�2锛夊鏄撹鍒掍激銆佸埉浼�</p>
         <p>濠村辜鍎跨殑鐨偆濞囧锛屽纰板埌鍧氱‖鐗╀綋锛屽鏄撹鍒掍激銆佸埉浼ゃ��</p>
@@ -349,7 +509,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="176">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-29</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           濂崇鐨勮繖浜涚敓鐞嗙壒鐐硅姹傚湪缁欏ス浠竻娲佽噣閮ㄧ殑鏃跺�欙紝涓�瀹氳鍧氭寔鈥滀粠鍓嶅線鍚庘�濈殑鍘熷垯锛屽嵆浠庡翱閬撳彛鍚戝悗娓呮礂鍒伴槾閬撳彛銆佽倹闂紝杩欐牱鐨勯『搴忓彲浠ュ噺灏戠粏鑿屾劅鏌撶殑鏈轰細銆傚洜涓�0锝�3宀佺殑濂崇闆屾縺绱犲垎娉屾按骞充綆锛岄槾閬撲笂鐨緝钖勶紝闃撮亾鍒嗘硨鐗╁憟鐜扮⒈鎬э紝缂轰箯闃撮亾鏉嗚弻锛岄槾閬撶殑鑷劧闃插尽鍔涜緝浣庯紝鈥滀粠鍓嶅線鍚庘�濈殑娓呮礂椤哄簭鑳介伩鍏嶅翱閬撱�佸唴澶栭槾鎰熸煋锛屼篃鑳介檷浣庡彂鐢熷闃寸値鐨勬鐜囥��
@@ -376,7 +551,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="177">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-30</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="center">
           <img class="img-b" alt="" src="../image/0193-1.jpg" />
@@ -400,7 +589,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="178">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <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-31</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d135">锛堝叚锛夊鍥叡鍚屾暀鑲�</h4>
         <p>
@@ -411,13 +615,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter012.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter012",
+  data() {
+    return {
+      chapter012: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter012"));
+    if (localData) {
+      this.chapter012 = { ...Object.assign(this.chapter012, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter012", JSON.stringify(this.chapter012));
+    },
+  },
+};
+</script>

--
Gitblit v1.9.1