From 6501ef9497ac80bdbb8601a856d8130a8d867062 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 11 六月 2025 11:04:32 +0800 Subject: [PATCH] 样式修改 --- src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue | 98 ++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 77 insertions(+), 21 deletions(-) diff --git a/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue b/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue index e40421e..152b8e6 100644 --- a/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue +++ b/src/books/kindergartenActivitiesDesignGuidance/view/components/chapter001.vue @@ -7,7 +7,7 @@ <p> <img class="rwmb-1" alt="" src="../../images/tb.png" /><span class="zt-ht">瀛︿範鐩爣</span> </p> - <div class="bk"> + <div class="bk "> <p><b>鐭ヨ瘑鐩爣</b></p> <p class="fm-kt">1.鐞嗚В骞煎効鍥暀鑲叉椿鍔ㄧ殑鍐呮兜銆�</p> <p class="fm-kt">2.浜嗚В骞煎効鍥暀鑲叉椿鍔ㄧ殑鍐呭鍜屽舰寮忋��</p> @@ -20,9 +20,10 @@ <p class="fm-kt">1.鍏锋湁鐞嗚鑱旂郴瀹為檯鐨勮京璇佸敮鐗╀富涔夎銆佺瀛﹀涔犺銆�</p> <p class="fm-kt">2.寮哄寲涓ヨ皑銆佺瀛︺�佷笓涓氱殑瀛︿範鎬佸害銆�</p> </div> - <p> + <p class="mt-20"> 骞煎効鍥暀鑲叉椿鍔ㄨ璁′笌鎸囧锛屽氨鏄爺绌跺湪骞煎効鏁欒偛棰嗗煙涓紝鎬庢牱杩愮敤鏁欒偛鐨勫師鐞嗐�佹柟娉曡璁″苟缁勭粐澶氱褰㈠紡鐨勬暀鑲叉椿鍔紝璁╁辜鍎挎剦蹇湴鐢熸椿锛屽疄鐜板簲鏈夌殑鍙戝睍锛屼负灏嗘潵鍋氬ソ鍑嗗銆傛湰鍗曞厓涓昏鏍规嵁銆婂辜鍎垮洯宸ヤ綔瑙勭▼銆嬶紙浠ヤ笅绠�绉般�婅绋嬨�嬶級銆併��3鈥�6宀佸効绔ュ涔犱笌鍙戝睍鎸囧崡銆嬶紙浠ヤ笅绠�绉般�婃寚鍗椼�嬶級鐨勭簿绁炲強骞煎効韬績鍙戝睍瑙勫緥銆佸辜鍎垮洯璇剧▼鐨勭壒鐐癸紝灏卞辜鍎垮洯鏁欒偛娲诲姩鐨勫疄璐ㄣ�佽璁″強缁勭粐鎸囧鐨勪竴鑸瓥鐣ヨ繘琛岃緝涓虹郴缁熷湴璁鸿堪锛屼互鏈熷府鍔╁悓瀛︿滑鎺屾彙缁勭粐骞煎効鍥暀鑲叉椿鍔ㄧ殑鏁欏娉曞熀纭�鐞嗚鍙婂悇鐜妭鐨勬寚瀵兼妧鑳姐�� </p> + <p><br></p> </div> </div> </div> @@ -712,7 +713,7 @@ <p> 骞煎効鍥暀鑲叉椿鍔ㄨ繃绋嬬敱寮�濮嬫椿鍔ㄣ�佸熀鏈椿鍔ㄨ繃绋嬨�佹椿鍔ㄧ粨鏉熶笁閮ㄥ垎鏋勬垚銆傛暀鑲叉椿鍔ㄨ繃绋嬪悇鐜妭鑳藉惁椤哄埄杩涜锛屼笌鏁欏笀鏄惁鏈夎壇濂界殑鏁欒偛鎶�鑳藉瘑鍒囩浉鍏炽�傛湰璇句富瑕佺粍缁囧紑灞曞悇鏁欒偛娲诲姩鐜妭鐨勮缁冿紝鐩殑鏄娇鍚屽浠帉鎻$粍缁囨暀鑲叉椿鍔ㄧ殑鎶�鑳姐�� </p> - <h3 id="c009"><span class="h3-zt1">椤圭洰涓�</span>娲诲姩瀵煎叆鎶�鑳借缁�</h3> + <h3 id="c009"><span class="h3-zt1">椤圭洰涓�銆�</span>娲诲姩瀵煎叆鎶�鑳借缁�</h3> <h4 id="d021">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.鐔熸倝鍚勭瀵煎叆璇殑绫诲瀷鍙婁綔鐢ㄣ��</p> <p class="block">2.鎺屾彙娲诲姩瀵煎叆鎶�鑳姐��</p> @@ -723,7 +724,7 @@ <p class="block"> 2.灏嗗鐢熷垎涓�4缁勶紝鍒嗗埆涓�2锝�3涓椿鍔ㄨ璁″鍏ユ柟寮忓強瀵艰锛涙瘡缁勬帹鑽�1锝�3鍚嶅悓瀛﹀湪闆嗕綋闈㈠墠璇曡锛屾椂闂翠笉寰楄秴杩�3鍒嗛挓銆� </p> - <h3 id="c010"><span class="h3-zt1">椤圭洰浜�</span>娲诲姩杩囨浮鎶�鑳借缁�</h3> + <h3 id="c010"><span class="h3-zt1">椤圭洰浜屻��</span>娲诲姩杩囨浮鎶�鑳借缁�</h3> <h4 id="d023">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.浜嗚В杩囨浮璇殑鐗圭偣鍙婂叾浼樺姡銆�</p> <p class="block">2.鎺屾彙娲诲姩杩囨浮鎶�鑳姐��</p> @@ -734,7 +735,7 @@ <p class="block"> 2.鎻愪緵涓�涓椿鍔ㄦ暀妗堬紝璇峰鐢熼�夋嫨鎭板綋鐨勮繃娓$被鍨嬫妸杩欎釜鏁欐鐨勫悇涓富瑕佺幆鑺傝繘琛屽阀濡欑殑鍕捐繛锛屽苟璁捐鍑虹畝鐭殑杩囨浮璇紝鍦ㄥ皬缁勬垨鐝骇涓繘琛岃瘯鏁欏拰璇勬瀽銆� </p> - <h3 id="c011"><span class="h3-zt1">椤圭洰涓�</span>娲诲姩缁撴潫鎶�鑳借缁�</h3> + <h3 id="c011"><span class="h3-zt1">椤圭洰涓夈��</span>娲诲姩缁撴潫鎶�鑳借缁�</h3> <h4 id="d025">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.鎺屾彙娲诲姩缁撴潫閲囩敤鐨勬柟娉曠被鍨嬪強鎵�杈惧埌鐨勭洰鐨勩��</p> <ul class="footer-right"> @@ -752,7 +753,7 @@ <p class="block"> 璇勬瀽2涓椿鍔紙鎴栨暀妗堬級鐨勭粨鏉熸柟寮忥紝鎸囧嚭鍏堕噰鐢ㄧ殑鏂规硶绫诲瀷鍙婃墍杈惧埌鐨勭洰鐨勶紝瀵逛笉鍚堢悊鐨勭粨鏉熸柟寮忓仛鍑烘敼杩涖�� </p> - <h3 id="c012"><span class="h3-zt1">椤圭洰鍥�</span>鎻愰棶璁捐鎶�鑳借缁�</h3> + <h3 id="c012"><span class="h3-zt1">椤圭洰鍥涖��</span>鎻愰棶璁捐鎶�鑳借缁�</h3> <h4 id="d027">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.鐔熸倝鎻愰棶鐨勭被鍨嬪強鎰忎箟銆�</p> <p class="block">2.鎺屾彙鎻愰棶璁捐鎶�鑳姐��</p> @@ -763,7 +764,7 @@ <p class="block"> 2.鎻愰棶璁捐銆傞�夋嫨涓�涓椿鍔ㄦ暀鏉愶紝鏍规嵁鎻愰棶鐨勭被鍨嬩笌瑕佹眰瀵规墍鎻愰棶棰樿繘琛岃璁★紝骞跺湪灏忕粍杩涜璇曟暀銆� </p> - <h3 id="c013"><span class="h3-zt1">椤圭洰浜�</span>鎻忚堪鎶�鑳借缁�</h3> + <h3 id="c013"><span class="h3-zt1">椤圭洰浜斻��</span>鎻忚堪鎶�鑳借缁�</h3> <h4 id="d029">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.鐔熸倝璇█鎻忚堪鐨勭被鍨嬪強浣滅敤銆�</p> <p class="block">2.鎺屾彙鎻忚堪鎶�鑳姐��</p> @@ -772,7 +773,7 @@ <p class="block">2.浠婚�変竴鍒欐父鎴忥紝璁茶В瑙勫垯鐨勭帺娉曘��</p> <p class="block">3.鎶婅瘲姝屻�婂皬鐔婅繃妗ャ�嬬殑鍐呭鐢ㄦ晠浜嬪舰寮忚杩板嚭鏉ャ��</p> <p class="block">4.缁撳悎鏁欏叿璁茶堪铓曠殑鐢熼暱杩囩▼銆�</p> - <h3 id="c014"><span class="h3-zt1">椤圭洰鍏�</span>璇勪环鎶�鑳借缁�</h3> + <h3 id="c014"><span class="h3-zt1">椤圭洰鍏��</span>璇勪环鎶�鑳借缁�</h3> <h4 id="d031">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.浜嗚В鍚勭璇勪环鏂瑰紡鍙婅姹傘��</p> <p class="block">2.鎺屾彙璇勪环鎶�鑳姐��</p> @@ -781,7 +782,7 @@ <p class="block"> 2.瑙傛懇骞煎効鍥暀甯堢殑鏁欒偛娲诲姩锛堟垨娲诲姩褰曞儚鐗囷級1锝�2涓紝缁欏嚭璇勪环鎰忚銆� </p> - <h3 id="c015"><span class="h3-zt1">椤圭洰涓�</span>瑙傚療鎶�鑳借缁�</h3> + <h3 id="c015"><span class="h3-zt1">椤圭洰涓冦��</span>瑙傚療鎶�鑳借缁�</h3> <h4 id="d033">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.浜嗚В瑙傚療鐨勭被鍨嬪強鏂瑰紡銆�</p> <ul class="footer-left"> @@ -797,7 +798,7 @@ <p class="block">2.鎺屾彙瑙傚療鎶�鑳姐��</p> <h4 id="d034">锛堜簩锛夊唴瀹逛笌瑕佹眰</h4> <p class="block">鑷畾涓�涓唴瀹瑰骞煎効杩涜瑙傚療锛屽苟鍋氬ソ瑙傚療璁板綍銆�</p> - <h3 id="c016"><span class="h3-zt1">椤圭洰鍏�</span>鏁欏濯掍綋鎶�鑳借缁�</h3> + <h3 id="c016"><span class="h3-zt1">椤圭洰鍏��</span>鏁欏濯掍綋鎶�鑳借缁�</h3> <h4 id="d035">锛堜竴锛夊疄璁洰鏍�</h4> <p class="block">1.浜嗚В鏁欏濯掍綋鐨勭绫诲強浣滅敤銆�</p> <p class="block">2.鎺屾彙鏁欏濯掍綋鎶�鑳姐��</p> @@ -811,28 +812,51 @@ <img class="rwmb-1" alt="" src="../../images/tb-7.png" /><span class="zt-ht">鎬濊�冮</span> </p> <p>1.濡備綍鐞嗚В骞煎効鍥殑鏁欒偛娲诲姩锛�</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.one" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>2.骞煎効鍥暀鑲叉椿鍔ㄧ殑鍐呭鎸夐鍩熷垎鏈夊摢浜涳紵鍚勫寘鎷摢浜涘叿浣撳唴瀹癸紵</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.two" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>3.骞煎効鍥暀鑲叉椿鍔ㄧ殑褰㈠紡濡備綍鍒掑垎锛熻瘯闃愯堪鍚勭褰㈠紡鐨勭壒鐐广��</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.three" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p> 4.骞煎効鍥暀鑲叉椿鍔ㄨ璁$殑鍘熷垯鏈夊摢浜涳紵璇曠敤杩欎簺鍘熷垯鍒嗘瀽1锝�2涓椿鍔ㄦ渚嬨�� </p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.four" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>5.绠�杩板辜鍎垮洯鏁欒偛娲诲姩璁捐鐨勬楠ゃ��</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.five" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>6.濡備綍纭畾娲诲姩鐩爣锛岃瘯涓�1锝�2涓椿鍔ㄧ‘瀹氱洰鏍囥��</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.six" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>7.骞煎効鍥暀鑲叉椿鍔ㄧ粍缁囨寚瀵肩殑绫诲瀷鏈夊摢浜涳紵鍚勬湁浠�涔堢壒鐐癸紵</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.seven" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>8.骞煎効鍥暀鑲叉椿鍔ㄧ殑鎸囧鎶�鑳戒富瑕佹湁鍝簺锛�</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.eight" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p>9.璁捐鎻愰棶鐨勮姹傛槸浠�涔堬紵涓句緥璇存槑銆�</p> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.nine" @change="setBookQuestion" class="ml-40"></textarea> + </div> <p> <img class="rwmb-1" alt="" src="../../images/tb-8.png" /><span class="zt-ht">瀛︿範鍙嶆��</span> </p> - <br /> - <hr /> - <br /> - <hr /> - <br /> - <hr /> - <br /> - <hr /> - <ul class="footer-right"> + <div class="bk-xyx"> + <textarea rows="2" v-model="chapter001.ten" @change="setBookQuestion" class="ml-40"></textarea> + </div> + <p><br></p> + <ul class="footer-right "> <li class="footer-right-text">绗竴鍗曞厓銆�骞煎効鍥暀鑲叉椿鍔ㄨ璁′笌鎸囧姒傝堪</li> <li class="footer-right-number">21</li> </ul> @@ -843,7 +867,7 @@ </template> <script> export default { - name: "chapter002", + name: "chapter001", props: { showPageList: { type: Array, @@ -851,7 +875,39 @@ }, }, data() { - return {}; + return { + chapter001: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + }, + }; + + }, + async mounted() { + const bookQuestion = localStorage.getItem( + "kindergartenActivitiesDesignGuidance-book-chapter001" + ); + if (bookQuestion) { + this.chapter001 = JSON.parse(bookQuestion); + } + + }, + + methods: { + setBookQuestion() { + localStorage.setItem( + "kindergartenActivitiesDesignGuidance-book-chapter001", + JSON.stringify(this.chapter001) + ); + }, }, }; </script> -- Gitblit v1.9.1