From 3d3fb4608e1ef51c73c35db462c88dfaa66a42c8 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 29 四月 2025 18:15:55 +0800 Subject: [PATCH] 0-3岁婴幼儿艺术启蒙样章完成 --- src/books/childHealth/view/content/components/chapter002.vue | 152 ++++++++++++++++++++++++++++++++++---------------- 1 files changed, 102 insertions(+), 50 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index 7df70c0..31699f9 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -218,7 +218,7 @@ <textarea cols="30" rows="4" - v-model="chapterTwoData.learnTableOne.qEnight" + v-model="chapterTwoData.learnTableOne.qEight" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" @@ -283,8 +283,7 @@ </p> <h3 id="c023"> 浜屻�佸鍓嶅効绔ュ勾榫勯樁娈电殑鍒掑垎鍙婂悇闃舵鐢熼暱鍙戣偛鐨勭壒鐐癸紴锛烇紴锛烇紴锛� - </h3> - + </h3> <div class="fl fl-around"> <div class="left" style="width: 38%"> <p> @@ -302,7 +301,8 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls - class="video-border w100" + controlslist="nodownload" + class="video-border w100 video" ></video> <p class="img">瑙嗛锛氬効绔ュ悇闃舵鐨勭壒鐐瑰拰淇濆仴瑕佺偣</p> </div> @@ -379,7 +379,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> - <examinations v-if="questionData && questionData[54]" :cardList="questionData[54]" /> + <examinations v-if="questionData" :cardList="questionData[54]" /> </p> <h2 class="module_block" id="b011"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -494,7 +494,7 @@ <textarea cols="30" rows="4" - v-model="chapterTwoData.learnTableTwo.qTwo" + v-model="chapterTwoData.learnTableTwo.qThree" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" @@ -546,7 +546,7 @@ <textarea cols="30" rows="4" - v-model="chapterTwoData.learnTableTwo.qEnight" + v-model="chapterTwoData.learnTableTwo.qEight" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" @@ -635,7 +635,8 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls - class="video-border w100" + controlslist="nodownload" + class="video-border w100 video" ></video> <p class="img">瑙嗛锛氱敓闀垮彂鑲茬殑鈥滈搧鈥濊寰�</p> </div> @@ -779,7 +780,7 @@ <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> - <examinations v-if="questionData && questionData[57]" :cardList="questionData[57]" /> + <examinations v-if="questionData" :cardList="questionData[57]" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -806,7 +807,7 @@ </div> <div class="padding-96"> <div class="fieldset"> - <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p> + <p class="t0 block">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p> <p class="block"> 浜虹被澶ц剳鐨眰涓紝2宀佸墠绐佽Е浜х敓鏁扮洰澶氫簬鎴愬勾锛屽湪浠ュ悗10骞村唴閫愭笎鍑忓皯锛岃繖鍙兘涓庡彂鑲茶繃绋嬩腑涓�浜涢暱鏈熷緱涓嶅埌鍒烘縺鐨勬棤鍔熻兘绁炵粡缁嗚優閫愭笎鍑嬩骸鏈夊叧銆� </p> @@ -1015,12 +1016,6 @@ </g> </svg> </span> - <!-- <img - src="../../../assets/images/icon/video.png" - alt="" - @click="changeResources('videoState')" - class="btn" - /> --> </div> <div v-if="videoState"> <video @@ -1033,7 +1028,8 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls - class="video-border w100" + controlslist="nodownload" + class="video-border w100 video" ></video> </div> </div> @@ -1041,9 +1037,6 @@ <div class="fieldset"> <p class="block"> 涔愪箰宸茬粡6宀佷簡锛屽湪骞煎効鍥笂澶х彮锛屼粠鍏ュ洯寮�濮嬶紝浠栧氨涓�鐩寸珯鍓嶆帓銆備箰涔愮殑鐖舵瘝寰堢儲鎭硷細鈥滄垜浠か濡讳袱浜洪兘鏄腑绛夊亸涓婄殑韬珮锛屾�庝箞鍎垮瓙鑰佹槸闀夸笉楂橈紵鈥濊皥璋堜綘鐨勭湅娉曘�� - </p> - <p class="block"> - 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘�� </p> <textarea cols="30" @@ -1055,9 +1048,12 @@ @input="saveChapterOneData" ></textarea> <p class="block"> - 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆� + 瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘�� </p> </div> + <p> + 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆� + </p> <h3 id="c029">涓�銆侀仐浼犲洜绱狅紴锛烇紴锛烇紴锛�</h3> <p> 鍏堝ぉ閬椾紶鍥犵礌鏄奖鍝嶇敓闀垮彂鑲茬殑鏈�鍩烘湰鍥犵礌锛屽畠涓哄効绔ョ殑鐢熼暱鍙戣偛鎻愪緵浜嗗彲鑳芥�с�傚鍓嶅効绔ョ敓闀垮彂鑲茬殑鐗瑰緛銆佹綔鍔涖�佽秼鍚戙�侀檺搴﹂兘鍙楃埗姣嶅弻鏂归仐浼犲洜绱犵殑褰卞搷锛岄仐浼犳�х柧鐥呭鐢熼暱鍙戣偛涔熸湁褰卞搷銆傜爺绌惰〃鏄庯紝鍚屽嵉鍙岀敓瀛愭垚骞村悗韬珮宸埆寰堝皬锛屽ご鍥翠篃寰堟帴杩戯紝浣嗕綋閲� @@ -1151,11 +1147,11 @@ /> 浜戞祴璇� </h6> - <p class="blockh6-c center"> + <p class="blockh6-c "> <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> <examinations - v-if="questionData && questionData[60]" + v-if="questionData" :cardList="questionData[60]" :chapter="2" :page="52" @@ -1197,21 +1193,49 @@ <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p> <p class="block"><b>涓�銆佸垽鏂閿�</b></p> <p class="block"> - 1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input - type="text" - class="judge-input" - v-model="chapterTwoData.question.judge.qOne" - @input="saveChapterOneData" - />锛� + 1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙锛� </p> + <div class="radio-box"> + <label> + <input + type="radio" + name="qOne" + value="correct" + v-model="chapterTwoData.question.judge.qOne" + @change="saveChapterOneData" + /> + 瀵�</label> + <label> + <input + type="radio" + name="qOne" + value="error" + v-model="chapterTwoData.question.judge.qOne" + @change="saveChapterOneData" + />閿�</label> + </div> <p class="block"> - 2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input - type="text" - class="judge-input" - v-model="chapterTwoData.question.judge.qTwo" - @input="saveChapterOneData" - />锛� + 2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙锛� </p> + <div class="radio-box"> + <label> + <input + type="radio" + name="qTwo" + value="correct" + v-model="chapterTwoData.question.judge.qTwo" + @change="saveChapterOneData" + /> + 瀵�</label> + <label> + <input + type="radio" + name="qTwo" + value="error" + v-model="chapterTwoData.question.judge.qTwo" + @change="saveChapterOneData" + />閿�</label> + </div> </div> </div> </div> @@ -1227,21 +1251,49 @@ </div> <div class="padding-96"> <p class="block"> - 3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input - type="text" - class="judge-input" - v-model="chapterTwoData.question.judge.qThree" - @input="saveChapterOneData" - />锛� + 3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙锛� </p> + <div class="radio-box"> + <label> + <input + type="radio" + name="qThree" + value="correct" + v-model="chapterTwoData.question.judge.qThree" + @change="saveChapterOneData" + /> + 瀵�</label> + <label> + <input + type="radio" + name="qThree" + value="error" + v-model="chapterTwoData.question.judge.qThree" + @change="saveChapterOneData" + />閿�</label> + </div> <p class="block"> - 4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input - type="text" - class="judge-input" - v-model="chapterTwoData.question.judge.qFour" - @input="saveChapterOneData" - />锛� + 4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙锛� </p> + <div class="radio-box"> + <label> + <input + type="radio" + name="qFour" + value="correct" + v-model="chapterTwoData.question.judge.qFour" + @change="saveChapterOneData" + /> + 瀵�</label> + <label> + <input + type="radio" + name="qFour" + value="error" + v-model="chapterTwoData.question.judge.qFour" + @change="saveChapterOneData" + />閿�</label> + </div> <p class="block"><b>浜屻�佸~绌�</b></p> <p class="block"> 1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input @@ -1346,12 +1398,12 @@ 浜戞祴璇� </h6> <p class="blockh6-c"> - 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> + 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations v-if="questionData && questionData[62][1]" :cardList="questionData[62][1]" /> + <examinations v-if="questionData" :cardList="questionData[62] ? questionData[62][1] : []" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations v-if="questionData && questionData[62][2]" :cardList="questionData[62][2]" /> + <examinations v-if="questionData" :cardList="questionData[62] ? questionData[62][2] : []" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> -- Gitblit v1.9.1