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