From 3ef51d37b5c7711e14c1624d876685140265a5fc Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期二, 21 一月 2025 18:13:38 +0800 Subject: [PATCH] 更新资源 --- src/books/kindergartenLanguageActivity/images/bj-v.png | 0 src/books/kindergartenLanguageActivity/view/components/chapter004.vue | 4 src/books/preschoolGameGuidance/images/0091-1-4.png | 0 src/books/preschoolGameGuidance/view/components/chapter002.vue | 851 +++++++++++++++++++++++++++++++++++++++++++++++-- src/books/preschoolGameGuidance/images/0092-2.png | 0 src/books/preschoolGameGuidance/view/components/chapter001.vue | 5 src/books/kindergartenLanguageActivity/view/components/chapter001.vue | 2 src/books/kindergartenLanguageActivity/css/default.less | 10 src/books/preschoolGameGuidance/images/0091-1-2.png | 0 src/books/kindergartenLanguageActivity/view/components/index.vue | 2 src/books/preschoolGameGuidance/images/0091-1-3.png | 0 src/books/preschoolGameGuidance/images/0092-3.png | 0 src/books/preschoolGameGuidance/images/0088-1-2.png | 0 src/books/preschoolGameGuidance/images/0092-1.png | 0 src/books/preschoolGameGuidance/images/0088-1-1.png | 0 src/books/preschoolGameGuidance/images/ti-icon.png | 0 src/books/preschoolGameGuidance/images/0091-1-1.png | 0 src/books/preschoolGameGuidance/css/default.less | 139 +++++++ 18 files changed, 954 insertions(+), 59 deletions(-) diff --git a/src/books/kindergartenLanguageActivity/css/default.less b/src/books/kindergartenLanguageActivity/css/default.less index 5847b28..0b36bc9 100644 --- a/src/books/kindergartenLanguageActivity/css/default.less +++ b/src/books/kindergartenLanguageActivity/css/default.less @@ -34,17 +34,24 @@ .videoBox { width: 100%; + padding: 30px 20px; + padding-top: 60px; + box-sizing: border-box; display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; + background-image: url('../images/bj-v.png'); + background-repeat: no-repeat; + background-position: center center; + background-size: 100% 100%; .videoItem { display: flex; flex-direction: column; justify-content: center; align-items: center; - + .video-border { width: 230px; height: 180px; @@ -78,6 +85,7 @@ textarea:focus { outline: none; + border-color: #000; } } diff --git a/src/books/kindergartenLanguageActivity/images/bj-v.png b/src/books/kindergartenLanguageActivity/images/bj-v.png new file mode 100644 index 0000000..9613995 --- /dev/null +++ b/src/books/kindergartenLanguageActivity/images/bj-v.png Binary files differ diff --git a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue index 0ea9585..e52fdb2 100644 --- a/src/books/kindergartenLanguageActivity/view/components/chapter001.vue +++ b/src/books/kindergartenLanguageActivity/view/components/chapter001.vue @@ -243,7 +243,7 @@ </div> <p><span class="zt-1">鍏抽敭鏈</span></p> <div class="tp-8"> - <p><img class="rwmb-3" alt="" src="image/tb-9.png" /></p> + <p><img class="rwmb-3" alt="" src="../../images/tb-9.png" /></p> </div> <p class="notIndent">1銆佽瑷�鐨勬湰璐�</p> <div class="bk-xyx"> diff --git a/src/books/kindergartenLanguageActivity/view/components/chapter004.vue b/src/books/kindergartenLanguageActivity/view/components/chapter004.vue index a59c189..c494aae 100644 --- a/src/books/kindergartenLanguageActivity/view/components/chapter004.vue +++ b/src/books/kindergartenLanguageActivity/view/components/chapter004.vue @@ -615,7 +615,7 @@ <div class="bk-xyx"> <textarea rows="8" - v-model="chapter004.textBybItem22" + v-model="chapter004.textBybItem28" @change="setBookQuestion" ></textarea> </div> @@ -721,6 +721,8 @@ ></video> <div class="vname">{{ videoMd5.v45.name }}</div> </div> + </div> + <div class="videoBox"> <div class="videoItem"> <video :src="videoUrl.v46" diff --git a/src/books/kindergartenLanguageActivity/view/components/index.vue b/src/books/kindergartenLanguageActivity/view/components/index.vue index 28d9997..3265215 100644 --- a/src/books/kindergartenLanguageActivity/view/components/index.vue +++ b/src/books/kindergartenLanguageActivity/view/components/index.vue @@ -179,7 +179,7 @@ // 娴嬭瘯椤甸潰璺宠浆 setTimeout(() => { - this.gotoPage(1, 8); + this.gotoPage(1, 1); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", diff --git a/src/books/preschoolGameGuidance/css/default.less b/src/books/preschoolGameGuidance/css/default.less index a035df0..7bb5302 100644 --- a/src/books/preschoolGameGuidance/css/default.less +++ b/src/books/preschoolGameGuidance/css/default.less @@ -47,11 +47,141 @@ align-items: center; } - .notIndent{ + .notIndent { text-indent: 0 !important; } .chapter { + + .questionBox { + width: 100%; + border: 2px solid #00ADEF; + margin-bottom: 10px; + + .titleBox { + width: 100%; + height: 35px; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 2px solid #00ADEF; + + .title { + padding: 3px 0; + width: 120px; + background-color: #00ADEF; + text-align: center; + color: #000; + font-weight: 600; + letter-spacing: 2px; + } + + img { + width: 25px; + height: 26px; + cursor: pointer; + margin-right: 10px; + } + } + + .questionContent { + padding: 20px; + box-sizing: border-box; + .q-title { + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 60px; + } + .q-tips { + font-size: 22px; + font-weight: 600; + text-align: center; + text-indent: 0; + } + .block-tips { + font-size: 18px; + font-weight: 600; + font-family: '妤蜂綋'; + } + + .block-ms-tips { + font-weight: 600; + } + } + } + + .imgBox-003 { + width: 100%; + height: 220px; + } + + .videoBox { + width: 100%; + padding: 30px 20px; + padding-top: 60px; + box-sizing: border-box; + display: flex; + justify-content: space-around; + flex-wrap: wrap; + align-items: center; + + .videoItem { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .video-border { + width: 100%; + // border: 2px solid #fff; + border-radius: 10px; + margin-bottom: 10px; + } + } + } + + .bk-xyx { + textarea { + width: 100%; + max-width: 630px; + border: 1px solid #00ADEF; + border-radius: 5px; + font-size: 16px; + font-family: '瀹嬩綋'; + line-height: 30px; + padding: 10px; + box-sizing: border-box; + } + + textarea:focus { + outline: none; + border-color: #000; + } + } + + .btn-group { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 5px; + padding-left: 20px; + .answerText { + margin-left: 20px; + font-weight: 600; + } + } + + .btn-default { + background-color: #35ACD6; + border: 1px solid #35ACD6; + color: #fff; + padding: 5px 10px; + box-sizing: border-box; + border-radius: 5px; + margin: 0 5px; + cursor: pointer; + } .coverImg { position: absolute; @@ -290,9 +420,10 @@ .block { font-size: 16px; - color: #666; - font-weight: 600; + color: #000; + font-weight: 500; font-family: '妤蜂綋'; + line-height: 1.5; } .block1 { @@ -793,7 +924,7 @@ min-height: 1150px; display: flex; flex-direction: column; - justify-content: center; + justify-content: center; align-items: center; } diff --git a/src/books/preschoolGameGuidance/images/0088-1-1.png b/src/books/preschoolGameGuidance/images/0088-1-1.png new file mode 100644 index 0000000..f463d99 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0088-1-1.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0088-1-2.png b/src/books/preschoolGameGuidance/images/0088-1-2.png new file mode 100644 index 0000000..f633ad3 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0088-1-2.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0091-1-1.png b/src/books/preschoolGameGuidance/images/0091-1-1.png new file mode 100644 index 0000000..2535304 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0091-1-1.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0091-1-2.png b/src/books/preschoolGameGuidance/images/0091-1-2.png new file mode 100644 index 0000000..84c7ce0 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0091-1-2.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0091-1-3.png b/src/books/preschoolGameGuidance/images/0091-1-3.png new file mode 100644 index 0000000..ee43dc4 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0091-1-3.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0091-1-4.png b/src/books/preschoolGameGuidance/images/0091-1-4.png new file mode 100644 index 0000000..703ac37 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0091-1-4.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0092-1.png b/src/books/preschoolGameGuidance/images/0092-1.png new file mode 100644 index 0000000..ee9c251 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0092-1.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0092-2.png b/src/books/preschoolGameGuidance/images/0092-2.png new file mode 100644 index 0000000..a856023 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0092-2.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/0092-3.png b/src/books/preschoolGameGuidance/images/0092-3.png new file mode 100644 index 0000000..a12fef1 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/0092-3.png Binary files differ diff --git a/src/books/preschoolGameGuidance/images/ti-icon.png b/src/books/preschoolGameGuidance/images/ti-icon.png new file mode 100644 index 0000000..b91fd08 --- /dev/null +++ b/src/books/preschoolGameGuidance/images/ti-icon.png Binary files differ diff --git a/src/books/preschoolGameGuidance/view/components/chapter001.vue b/src/books/preschoolGameGuidance/view/components/chapter001.vue index 7ec2e17..6c8fd94 100644 --- a/src/books/preschoolGameGuidance/view/components/chapter001.vue +++ b/src/books/preschoolGameGuidance/view/components/chapter001.vue @@ -509,7 +509,9 @@ <div class="page-box" page="28"> <div v-if="showPageList.indexOf(28) > -1"> <div class="bodystyle"> - <p class="notIndent">褰撲綔鑷繁鐨勮亴璐o紝褰撴父鎴忓疄闄呰繘灞曚腑鍑虹幇鈥滈厤閿欒嵂鈥濈殑闂鏃讹紝涓嶅悓瑙掕壊涔嬮棿灏变細鐢变簬鍐茬獊鑰屼骇鐢熻璁恒�佷氦娴侊紝鐢氳嚦浜夋墽銆傚彲瑙侊紝鍦ㄦ父鎴忔椿鍔ㄤ腑锛屽辜鍎块渶瑕佸拰鍚屼即銆佹暀甯堣繘琛屼氦娴侊紝杩欏氨淇冧娇鍏朵笉鏂彁楂樿瑷�鑳藉姏锛屼赴瀵岃瑷�杩愮敤銆�</p> + <p class="notIndent"> + 褰撲綔鑷繁鐨勮亴璐o紝褰撴父鎴忓疄闄呰繘灞曚腑鍑虹幇鈥滈厤閿欒嵂鈥濈殑闂鏃讹紝涓嶅悓瑙掕壊涔嬮棿灏变細鐢变簬鍐茬獊鑰屼骇鐢熻璁恒�佷氦娴侊紝鐢氳嚦浜夋墽銆傚彲瑙侊紝鍦ㄦ父鎴忔椿鍔ㄤ腑锛屽辜鍎块渶瑕佸拰鍚屼即銆佹暀甯堣繘琛屼氦娴侊紝杩欏氨淇冧娇鍏朵笉鏂彁楂樿瑷�鑳藉姏锛屼赴瀵岃瑷�杩愮敤銆� + </p> </div> </div> </div> @@ -523,5 +525,6 @@ type: Array, }, }, + }; </script> diff --git a/src/books/preschoolGameGuidance/view/components/chapter002.vue b/src/books/preschoolGameGuidance/view/components/chapter002.vue index 6c3a2bd..a3ba4ca 100644 --- a/src/books/preschoolGameGuidance/view/components/chapter002.vue +++ b/src/books/preschoolGameGuidance/view/components/chapter002.vue @@ -70,12 +70,93 @@ </div> </div> <p>瑙掕壊娓告垙鐨勭粨鏋勬湁锛堛��銆�锛夈��</p> - <p>A.娓告垙涓婚</p> - <p>B.瑙掕壊鎵紨</p> - <p>C.鍋囨兂</p> - <p>D.鍐呭湪瑙勫垯</p> - <p>E.娓告垙杩囩▼</p> - <!-- <p>锛堢瓟妗堬細ABCD锛�</p> --> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer01.isComplete" + value="A" + id="1" + @change="changeRadio($event, 'aswer01', 'check01')" + v-model="questionData.aswer01.check01" + />A.娓告垙涓婚 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer01.isComplete" + value="B" + id="2" + @change="changeRadio($event, 'aswer01', 'check02')" + v-model="questionData.aswer01.check02" + />B.瑙掕壊鎵紨 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer01.isComplete" + value="C" + id="3" + @change="changeRadio($event, 'aswer01', 'check03')" + v-model="questionData.aswer01.check03" + />C.鍋囨兂 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer01.isComplete" + value="D" + id="4" + @change="changeRadio($event, 'aswer01', 'check04')" + v-model="questionData.aswer01.check04" + />D.鍐呭湪瑙勫垯 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer01.isComplete" + value="E" + id="5" + @change="changeRadio($event, 'aswer01', 'check05')" + v-model="questionData.aswer01.check05" + />E.娓告垙杩囩▼ + </p> + <p v-if="questionData.showAswer01">锛堢瓟妗堬細ABCD锛�</p> + <div class="btn-group"> + <div v-if="questionData.aswer01.isComplete"> + <span class="answerText" + >鎮ㄧ殑绛旀锛歿{ questionData.aswer01.data.join(",") }}</span + > + <span class="answerText" style="color: #1fbc1f" + >姝g‘绛旀锛欰,B,C,D</span + > + </div> + <div v-else></div> + <div class="btn-data"> + <button + class="btn btn-default" + @click="setBookQuestion('aswer01')" + > + 鎻愪氦 + </button> + <button + class="btn btn-default" + @click="resetAswer('aswer01', 'showAswer01')" + > + 閲嶅仛 + </button> + <button + class="btn btn-default" + @click="lookAnswer('showAswer01')" + > + 鏌ョ湅绛旀 + </button> + </div> + </div> </div> <p> 骞煎効瑙掕壊娓告垙鐨勮鍒欏叿鏈夊唴闅愭�с�傗�滃唴闅愮殑娓告垙瑙勫垯鈥濊〃鐜颁负鈥滄父鎴忓唴鍦ㄧ殑鎯呭鎬у拰绉╁簭鎰熲�濓紝瀹冩槸鍦ㄦ父鎴忚繃绋嬩腑寰椾互浣撶幇鐨勩�傚辜鍎挎父鎴忔槸鎸夌収瀹為檯鐢熸椿涓殑瑙勫垯锛堟垨鑰呯О涓衡�滀笘鐣岀殑瑙勫垯鈥濓級杩涜鐨勩�� @@ -226,13 +307,92 @@ </div> </div> <p>1.鏁欏笀缁勭粐鎸囧骞煎効寮�灞曡鑹叉父鎴忕殑棣栬宸ヤ綔鏄紙銆�銆�锛夈��</p> - <p>A.涓板瘜骞煎効鐢熸椿缁忛獙</p> - <p>B.纭畾涓婚</p> - <p>C.鍒嗛厤瑙掕壊</p> - <p>D.閫傚綋鍙備笌</p> - <p>锛堢瓟妗堬細A锛�</p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer02.isComplete" + value="A" + id="1" + @change="changeRadio($event, 'aswer02', 'check011')" + v-model="questionData.aswer02.check011" + />A.涓板瘜骞煎効鐢熸椿缁忛獙 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer02.isComplete" + value="B" + id="1" + @change="changeRadio($event, 'aswer02', 'check012')" + v-model="questionData.aswer02.check012" + />B.纭畾涓婚 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer02.isComplete" + value="C" + id="1" + @change="changeRadio($event, 'aswer02', 'check013')" + v-model="questionData.aswer02.check013" + />C.鍒嗛厤瑙掕壊 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer02.isComplete" + value="D" + id="1" + @change="changeRadio($event, 'aswer02', 'check014')" + v-model="questionData.aswer02.check014" + />D.閫傚綋鍙備笌 + </p> + <p v-if="questionData.showAswer02">锛堢瓟妗堬細A锛�</p> + + <div class="btn-group"> + <div v-if="questionData.aswer02.isComplete"> + <span class="answerText" + >鎮ㄧ殑绛旀锛歿{ questionData.aswer02.data.join(",") }}</span + > + <span class="answerText" style="color: #1fbc1f" + >姝g‘绛旀锛欰</span + > + </div> + <div v-else></div> + <div> + <button + class="btn btn-default" + @click="setBookQuestion('aswer02')" + > + 鎻愪氦 + </button> + <button + class="btn btn-default" + @click="resetAswer('aswer02', 'showAswer02')" + > + 閲嶅仛 + </button> + <button + class="btn btn-default" + @click="lookAnswer('showAswer02')" + > + 鏌ョ湅绛旀 + </button> + </div> + </div> + <p>2.缁撳悎瀹炰緥璇存槑缁勭粐骞煎効瑙掕壊娓告垙鐨勬寚瀵兼柟娉曘��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem22" + @change="setBookQuestion" + ></textarea> + </div> </div> - <p>2.缁撳悎瀹炰緥璇存槑缁勭粐骞煎効瑙掕壊娓告垙鐨勬寚瀵兼柟娉曘��</p> <p> 鏁欏笀鍦ㄨ瘎浠锋�荤粨娲诲姩涓簲娉ㄦ剰锛氭彁闂互寮�鏀炬�ч棶棰樹负涓伙紝浠ヤ績浣垮辜鍎胯璁鸿瘽棰橈紝骞惰〃杈句笉鍚岃鐐癸紱姣忔娓告垙璇勪环瑕佹湁閲嶇偣锛屽叿浣撱�佸噯纭湴鎸囧骞煎効鐨勯棶棰樻垨琛屼负锛涗互骞煎効璇勪环涓轰富锛屾暀甯堥�傛椂寮曞锛涜瘎浠锋椿鍔ㄨ涓哄辜鍎胯繘琛屼笅涓�娆℃父鎴忔寚鏄庢柟鍚戙�� </p> @@ -258,30 +418,62 @@ <div class="bodystyle"> <div class="bk"> <p class="notIndent">鑷繁鐢诲彂鍨嬨�備箣鍚庯紝鈥滅悊鍙戝簵鈥濈敓鎰忓張绾㈢伀璧锋潵銆�</p> - <p>璇峰垎鏋愭渚嬩腑鏁欏笀閲囩敤浜嗗摢浜涚瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p> - <p><b>銆愬弬鑰冪瓟妗堛��</b></p> <p> - 鏁欏笀鎸囧娓告垙灏遍渶瑕佷粙鍏ュ辜鍎跨殑娓告垙褰撲腑鍘伙紝浠嬪叆鐨勭洰鐨勬槸寮曞骞煎効缁х画娓告垙锛屼績杩涘辜鍎挎父鎴忓悜楂樹竴绾ф按骞冲彂灞曪紝浠庤�屾彁楂樻父鎴忚川閲忥紝淇冭繘骞煎効绀句細鎬у彂灞曘�傚湪杩欎釜妗堜緥涓紝鏁欏笀閲囩敤鐨勬槸澶栭儴骞查鐨勪粙鍏ユ柟寮忔潵鎸囧娓告垙锛屽閮ㄥ共棰勬槸鎸囨垚浜哄苟涓嶇洿鎺ュ弬涓庢父鎴忥紝鑰屾槸浠ヤ竴涓鍦ㄧ殑瑙掕壊寮曞璇存槑銆佸缓璁�侀紦鍔辨父鎴忎腑骞煎効鐨勮涓恒�� + 璇峰垎鏋愭渚嬩腑鏁欏笀閲囩敤浜嗗摢浜涚瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��<button + class="btn btn-default" + @click="lookAnswer('showAswer03')" + > + 鏄剧ず绛旀 + </button> </p> - <p>璇ユ渚嬩腑锛屾潕鑰佸笀閲囩敤浜嗕互涓嬬瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p> - <p>锛�1锛夊強鏃跺府鍔╁辜鍎胯褰曚笌鎬荤粨瑙掕壊娓告垙涓殑绐佸嚭鐗圭偣銆�</p> - <p> - 鏉庤�佸笀瑙傚療娓告垙涓瀛愮殑琛ㄧ幇浠ュ強娓告垙涓婚鍙婃潗鏂欑殑浣跨敤鎯呭喌銆傚強鏃惰褰曞瀛愬湪娓告垙涓殑鐗圭偣锛屽府鍔╁辜鍎挎妸鏃犳剰璇嗙殑娓告垙鍙樹负鏈夋剰璇嗙殑瀛︿範杩囩▼銆傚彟澶栵紝杩樺彲浠ヨ骞煎効閫氳繃鍙傝銆佽褰曘�佹彁闂殑鏂瑰紡鍙戠幇闂锛岃嚜宸辨潵鍒朵綔韬烘銆佽嚜宸辩敾鍙戝瀷鏉ュ弬涓庢父鎴忋�傞�氳繃杩欎簺锛屼笉鏂湴鍏呭疄鍜屾繁鍖栧辜鍎跨殑瑙掕壊娓告垙銆� - </p> - <p>锛�2锛変互浜ゆ祦浣撻獙涓哄獟浠嬨��</p> - <p> - 鏉庤�佸笀寮曞骞煎効鑷彂鍦拌繘琛屼氦娴侊紙骞煎効鍚戠悊鍙戝笀鍜ㄨ闂锛岃褰曞辜鍎跨殑闂锛夛紝绉瀬鍦拌〃杈炬儏鎰燂紝鐩镐簰浣撻獙锛屽叡浜揩涔愶紝鍏辫В闅鹃锛岃繘涓�姝ヤ负骞煎効鎻愪緵琛ㄧ幇鍜屽涔犵殑鏈轰細銆傝嚜鍙戜氦娴佹槸娓告垙鍚屼即闂村鑷繁娓告垙鐨勪氦娴侊紝鑷彂浜ゆ祦鏀瑰彉浜嗚繃鍘讳氦娴佸彧鏄暀甯堝骞煎効鐨勮嚜涓婅�屼笅鐨勭墖闈㈠仛娉曪紝鍑告樉浜嗗辜鍎垮湪鏁翠釜娓告垙杩囩▼鐨勪富浣撳湴浣嶏紝鏇存湁鍒╀簬骞煎効鑷富鐙珛鍒涢�犵殑涓�у拰绀句細鎬т汉鏍兼儏鎰熺殑鍩瑰吇鍙戝睍銆� - </p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem33" + @change="setBookQuestion" + ></textarea> + </div> + <div v-if="questionData.showAswer03"> + <p><b>銆愬弬鑰冪瓟妗堛��</b></p> + <p> + 鏁欏笀鎸囧娓告垙灏遍渶瑕佷粙鍏ュ辜鍎跨殑娓告垙褰撲腑鍘伙紝浠嬪叆鐨勭洰鐨勬槸寮曞骞煎効缁х画娓告垙锛屼績杩涘辜鍎挎父鎴忓悜楂樹竴绾ф按骞冲彂灞曪紝浠庤�屾彁楂樻父鎴忚川閲忥紝淇冭繘骞煎効绀句細鎬у彂灞曘�傚湪杩欎釜妗堜緥涓紝鏁欏笀閲囩敤鐨勬槸澶栭儴骞查鐨勪粙鍏ユ柟寮忔潵鎸囧娓告垙锛屽閮ㄥ共棰勬槸鎸囨垚浜哄苟涓嶇洿鎺ュ弬涓庢父鎴忥紝鑰屾槸浠ヤ竴涓鍦ㄧ殑瑙掕壊寮曞璇存槑銆佸缓璁�侀紦鍔辨父鎴忎腑骞煎効鐨勮涓恒�� + </p> + <p>璇ユ渚嬩腑锛屾潕鑰佸笀閲囩敤浜嗕互涓嬬瓥鐣ユ潵鏀寔骞煎効鐨勬父鎴忔椿鍔ㄣ��</p> + <p>锛�1锛夊強鏃跺府鍔╁辜鍎胯褰曚笌鎬荤粨瑙掕壊娓告垙涓殑绐佸嚭鐗圭偣銆�</p> + <p> + 鏉庤�佸笀瑙傚療娓告垙涓瀛愮殑琛ㄧ幇浠ュ強娓告垙涓婚鍙婃潗鏂欑殑浣跨敤鎯呭喌銆傚強鏃惰褰曞瀛愬湪娓告垙涓殑鐗圭偣锛屽府鍔╁辜鍎挎妸鏃犳剰璇嗙殑娓告垙鍙樹负鏈夋剰璇嗙殑瀛︿範杩囩▼銆傚彟澶栵紝杩樺彲浠ヨ骞煎効閫氳繃鍙傝銆佽褰曘�佹彁闂殑鏂瑰紡鍙戠幇闂锛岃嚜宸辨潵鍒朵綔韬烘銆佽嚜宸辩敾鍙戝瀷鏉ュ弬涓庢父鎴忋�傞�氳繃杩欎簺锛屼笉鏂湴鍏呭疄鍜屾繁鍖栧辜鍎跨殑瑙掕壊娓告垙銆� + </p> + <p>锛�2锛変互浜ゆ祦浣撻獙涓哄獟浠嬨��</p> + <p> + 鏉庤�佸笀寮曞骞煎効鑷彂鍦拌繘琛屼氦娴侊紙骞煎効鍚戠悊鍙戝笀鍜ㄨ闂锛岃褰曞辜鍎跨殑闂锛夛紝绉瀬鍦拌〃杈炬儏鎰燂紝鐩镐簰浣撻獙锛屽叡浜揩涔愶紝鍏辫В闅鹃锛岃繘涓�姝ヤ负骞煎効鎻愪緵琛ㄧ幇鍜屽涔犵殑鏈轰細銆傝嚜鍙戜氦娴佹槸娓告垙鍚屼即闂村鑷繁娓告垙鐨勪氦娴侊紝鑷彂浜ゆ祦鏀瑰彉浜嗚繃鍘讳氦娴佸彧鏄暀甯堝骞煎効鐨勮嚜涓婅�屼笅鐨勭墖闈㈠仛娉曪紝鍑告樉浜嗗辜鍎垮湪鏁翠釜娓告垙杩囩▼鐨勪富浣撳湴浣嶏紝鏇存湁鍒╀簬骞煎効鑷富鐙珛鍒涢�犵殑涓�у拰绀句細鎬т汉鏍兼儏鎰熺殑鍩瑰吇鍙戝睍銆� + </p> + </div> </div> <h4 id="d048">锛堜簩锛夊悇骞撮緞闃舵瑙掕壊娓告垙鐨勭粍缁囦笌鎸囧</h4> <p> 骞煎効骞撮緞涓嶅悓锛岀敓娲荤粡楠屼笉鍚岋紝骞煎効娓告垙灞傛鍜屾按骞充篃鏈夊尯鍒�備緥濡傦紝灏忕彮骞煎効鐨勮鑹叉父鎴忓浠ョ畝鍗曞姩浣滄ā浠夸负涓伙紝涓彮骞煎効鐨勮鑹叉父鎴忎富棰樹赴瀵岋紝澶х彮骞煎効鐨勮鑹叉父鎴忎互鍒涢�犱负涓汇�傛暀甯堥渶瑕佹牴鎹疄闄呮儏鍐碉紝閽堝鍚勫勾榫勭彮鍋氬嚭鐩稿簲鎸囧銆� </p> <h5 id="e053">1.灏忕彮骞煎効瑙掕壊娓告垙缁勭粐涓庢寚瀵�</h5> - <p class="center"> - <!-- <img class="img-g" alt="" src="../../images/0086-1.jpg" /> --> - </p> - <p class="img">灏忕彮瑙掕壊娓告垙</p> + <!-- <p class="center"> + <img class="img-g" alt="" src="../../images/0086-1.jpg" /> + </p> --> + <div class="videoBox"> + <div class="videoItem"> + <video + :src="videoUrl.v31" + webkit-playsinline="true" + x-webkit-airplay="true" + playsinline="true" + x5-video-orientation="h5" + x5-video-player-fullscreen="true" + x5-playsinline="" + controls + class="video-border w100" + ></video> + <div class="vname">{{ videoMd5.v31.name }}</div> + </div> + </div> + <!-- <p class="img">灏忕彮瑙掕壊娓告垙</p> --> <p>锛�1锛夊皬鐝辜鍎胯鑹叉父鎴忕殑鐗圭偣</p> <p> 灏忕彮骞煎効鐨勬棤鎰忔敞鎰忓崰浼樺娍锛岀洿瑙夎鍔ㄦ�濈淮浠嶇劧鏄富瑕佺殑鎬濈淮鏂瑰紡锛屾墍浠ュ皬鐝辜鍎胯鑹叉父鎴忓鐜╁叿鐨勪緷璧栨�ф渶寮猴紝閫氬父鏄溂鍓嶆湁浠�涔堢帺鍏峰氨閫夋嫨浠�涔堢帺鍏枫�佺帺浠�涔堟父鎴忥紝绂诲紑浜嗙溂鍓嶇殑鐜╁叿锛屾父鎴忎篃灏卞仠姝簡銆傚辜鍎垮鐜╁叿鐨勮繍鐢ㄤ富瑕佹槸渚濇嵁鐜╁叿鐨勫埡婵�鎬х壒鐐癸紝涓嶆槸鑷繁鐪熺殑鍠滄鐜╂煇涓父鎴忋�備篃灏辨槸璇达紝鏄帺鍏峰埡婵�浠栦滑寮�濮嬫父鎴忔椿鍔ㄣ�傚皬鐝辜鍎跨己涔忔父鎴忔椿鍔ㄧ殑鐩殑鎬э紝鍠滄妯′豢锛岀湅鍒板懆鍥翠汉鐜╀粈涔堢帺鍏枫�佸仛浠�涔堟父鎴忥紝灏变細鑸嶅純鑷繁鎵嬩腑鐨勭帺鍏凤紝缁堟娓告垙娲诲姩锛岃浆鑰岃窇鍘荤帺鍜屽埆浜轰竴鏍风殑娓� @@ -305,6 +497,13 @@ <p> 鏍规嵁鍚勫勾榫勭彮娓告垙鐗圭偣鍜屾按骞冲樊寮傦紝璋堣皥濡備綍缁勭粐骞煎効寮�灞曡鑹叉父鎴忋�� </p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem44" + @change="setBookQuestion" + ></textarea> + </div> </div> <div class="bk"> <div class="bk1"> @@ -317,11 +516,84 @@ <p> 灏忕彮鍚屼竴涓�滃▋濞冨鈥濅腑锛屽父甯稿嚭鐜拌澶氣�滃濡堚�濆湪鐑чキ锛屾瘡浣嶅辜鍎块兘鎰熷埌寰堟弧瓒炽�傝繖鍙嶆槧灏忕彮骞煎効娓告垙琛屼负鐗圭偣鏄紙銆�銆�锛夈�� </p> - <p>A.鍠滄妯′豢</p> - <p>B.鍠滄鍚堜綔</p> - <p>C.鍗忚皟鑳藉姏宸�</p> - <p>D.瑙掕壊鎰忚瘑寮�</p> - <p>锛堢瓟妗堬細A锛�</p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer04.isComplete" + value="A" + id="1" + @change="changeRadio($event, 'aswer04', 'check01')" + v-model="questionData.aswer04.check01" + />A.鍠滄妯′豢 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer04.isComplete" + value="B" + id="1" + @change="changeRadio($event, 'aswer04', 'check02')" + v-model="questionData.aswer04.check02" + />B.鍠滄鍚堜綔 + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer04.isComplete" + value="C" + id="1" + @change="changeRadio($event, 'aswer04', 'check03')" + v-model="questionData.aswer04.check03" + />C.鍗忚皟鑳藉姏宸� + </p> + <p> + <input + type="checkbox" + name="ball5" + :disabled="questionData.aswer04.isComplete" + value="D" + id="1" + @change="changeRadio($event, 'aswer04', 'check04')" + v-model="questionData.aswer04.check04" + />D.瑙掕壊鎰忚瘑寮� + </p> + <!-- <p>锛堢瓟妗堬細A锛�</p> --> + <p v-if="questionData.showAswer04">锛堢瓟妗堬細A锛�</p> + + <div class="btn-group"> + <div v-if="questionData.aswer04.isComplete"> + <span class="answerText" + >鎮ㄧ殑绛旀锛歿{ questionData.aswer04.data.join(",") }}</span + > + <span class="answerText" style="color: #1fbc1f" + >姝g‘绛旀锛欰</span + > + </div> + <div v-else></div> + <div> + <button + class="btn btn-default" + @click="setBookQuestion('aswer04')" + > + 鎻愪氦 + </button> + <button + class="btn btn-default" + @click="resetAswer('aswer04', 'showAswer04')" + > + 閲嶅仛 + </button> + <button + class="btn btn-default" + @click="lookAnswer('showAswer04')" + > + 鏌ョ湅绛旀 + </button> + </div> + </div> </div> <p>锛�2锛夊皬鐝辜鍎胯鑹叉父鎴忔寚瀵�</p> <p> @@ -337,6 +609,13 @@ <p> 灏忕彮鍖哄煙娲诲姩寮�濮嬩簡锛屽皬濞滃拰鍢夌ズ杩呴�熸潵鍒板▋濞冨銆傚皬濞滃綋濡堝锛屽儚寰�甯镐竴鏍风粰濞冨▋鍠傞キ銆佹⒊澶达紱鍢夌ズ鍒欏潗鍦ㄦ矙鍙戜笂鐪嬫墜鏈恒�備袱涓汉娌℃湁浠�涔堜氦娴侊紝鍚勮嚜娌夋蹈鍦ㄨ嚜宸辩殑娲诲姩涓�傛牴鎹互涓婃潗鏂欙紝璇存槑鏁欏笀濡備綍寮曞灏忕彮骞煎効寮�灞曡鑹叉父鎴忋�� </p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem55" + @change="setBookQuestion" + ></textarea> + </div> </div> </div> </div> @@ -362,9 +641,27 @@ ><a href="chapter003.html#m6"><sup>[6]</sup></a></b > </p> --> - <p class="center"> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0088-1-1.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0088-1-2.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <!-- <p class="center"> <img class="img-b" alt="" src="../../images/0088-1.jpg" /> - </p> + </p> --> <p><b>鍒嗘瀽</b></p> <p> 灏忕彮濞冨▋瀹堕噷锛屽辜鍎跨殑鍒嗗伐杩樿緝鏄庣‘锛屼絾鍗寸己涔忔父鎴忔儏鑺傘�傝櫧鐒跺湪娓告垙鍒嗕韩 @@ -435,14 +732,54 @@ <div class="page-box" page="79"> <div v-if="showPageList.indexOf(79) > -1"> <div class="bodystyle"> - <p class="center"> - <img class="img-b" alt="" src="../../images/0091-1.jpg" /> - </p> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0091-1-1.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0091-1-2.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0091-1-3.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0091-1-4.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> <h5 id="e055">3.澶х彮骞煎効瑙掕壊娓告垙缁勭粐涓庢寚瀵�</h5> - <p class="center"> + <!-- <p class="center"> <img class="img-g" alt="" src="../../images/0091-2.jpg" /> - </p> - <p class="img">澶х彮瑙掕壊娓告垙</p> + </p> --> + <div class="videoBox"> + <div class="videoItem"> + <video + :src="videoUrl.v32" + webkit-playsinline="true" + x-webkit-airplay="true" + playsinline="true" + x5-video-orientation="h5" + x5-video-player-fullscreen="true" + x5-playsinline="" + controls + class="video-border w100" + ></video> + <div class="vname">{{ videoMd5.v32.name }}</div> + </div> + </div> <p>锛�1锛夊ぇ鐝辜鍎胯鑹叉父鎴忕殑鐗圭偣</p> <p> 澶х彮骞煎効鐨勭敓娲荤粡楠屾棩鐩婁赴瀵岋紝瑙掕壊娓告垙姘村钩涔熸棩鐩婃彁楂樸�傛父鎴忎富棰樺箍娉涙柊棰栵紝寰�寰�涓庡辜鍎跨殑绀句細鐢熸椿绱у瘑鑱旂郴锛屽弽鏄犵殑浜洪檯鍏崇郴涔熻緝涓哄鏉傘�傚ぇ鐝辜鍎胯鑹叉父鎴忓浜庡悎浣滄父鎴忛樁娈碉紝鍠滄鍜屽悓浼翠竴璧锋父鎴忥紝鑰屼笖閫氬父鏈夋瘮杈冨浐瀹氱殑鐜╀即銆傛父鎴忕殑鐩殑鎬ц緝寮猴紝鍚堜綔姘村钩楂橈紝浼氬垎閰嶆父鎴忚鑹诧紝骞惰兘杈冨ソ鍦版壆婕旇鑹诧紝娓告垙鎯呰妭涔熸洿涓轰赴瀵屻�傛父鎴忕殑瑙勫垯鎰忚瘑杈冨己锛岃�屼笖瀵硅嚜鎴戞父鎴忔按骞冲拰浠栦汉娓告垙姘村钩鏈変竴瀹氱殑璇勪环鑳藉姏銆� @@ -480,9 +817,32 @@ <p> 鍦ㄧ粍缁囧辜鍎挎父鎴忔椂锛屾暀甯堝線寰�鎬ヤ簬姹傛垚锛屾憜鍑烘父鎴忕殑閬撳叿锛岃瑙e畬娓告垙鐨勮鍒欙紝灏辫骞煎効鑷敱鍦版父鎴忎簡锛岀敱姝ゅ湪娓告垙娲诲姩涓骇鐢熶簡寰堝ぇ鐨勯棶棰橈細骞煎効鐜╂父鎴忔病鏈夋繁搴︼紝瀵规父鎴忎笉鐞嗚В锛屾妸閬撳叿褰撲綔鐜╁叿鐜╋紝绛夌瓑銆傝繖闇�瑕佹暀甯堟妸姣忎竴姝ュ伐浣滃仛缁嗐�佸仛鍒颁綅锛屼粠骞煎効瀵硅鑹茬殑鐞嗚В妯′豢鍒伴亾鍏风殑浣跨敤鍙婃暣涓弬涓庤繃绋嬶紝鏁欏笀閮借鍗佸垎閲嶈骞跺姞浠ュ紩瀵笺�傛娆℃父鎴忓悗锛屾暀甯堜粩缁嗗湴鍚戝辜鍎胯瑙d簡娓告垙瑙勫垯锛岃骞煎効璁ょ湡浣撲細鐥呬汉涓庡尰鐢熺殑琛ㄦ儏銆佸姩浣滅瓑锛屽湪绗簩娆″皬鍖婚櫌娲诲姩涓紝鎯呭喌鏈変簡寰堝ぇ鐨勫ソ杞�� </p> - <p class="center"> + <div class="imgBox-003 openImgBox"> + <div class="swiper-container swiper-img"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0092-1.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0092-2.png" /> + </div> + </div> + <div class="swiper-slide"> + <div class="imgBox" style="width: 100%; height: 100%"> + <img src="../../images/0092-3.png" /> + </div> + </div> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> + <!-- <p class="center"> <img class="img-b" alt="" src="../../images/0092-1.jpg" /> - </p> + </p> --> </div> </div> </div> @@ -517,7 +877,38 @@ <div class="tp-8"> <p><img class="rwmb-3" alt="" src="../../images/tb-9.png" /></p> </div> - <p>瑙掕壊娓告垙 娓告垙涓婚 瑙掕壊鎵紨 鍋囨兂</p> + <p class="notIndent">1銆佽鑹叉父鎴�</p> + <div class="bk-xyx"> + <textarea + rows="1" + v-model="questionData.textBybItem61" + @change="setBookQuestion" + ></textarea> + </div> + <p class="notIndent">2銆佹父鎴忎富棰�</p> + <div class="bk-xyx"> + <textarea + rows="1" + v-model="questionData.textBybItem62" + @change="setBookQuestion" + ></textarea> + </div> + <p class="notIndent">3銆佽鑹叉壆婕�</p> + <div class="bk-xyx"> + <textarea + rows="1" + v-model="questionData.textBybItem63" + @change="setBookQuestion" + ></textarea> + </div> + <p class="notIndent">4銆佸亣鎯�</p> + <div class="bk-xyx"> + <textarea + rows="1" + v-model="questionData.textBybItem64" + @change="setBookQuestion" + ></textarea> + </div> </div> </div> </div> @@ -533,34 +924,300 @@ </div> <p><b>涓�銆佺畝绛旈</b></p> <p>1.涓句緥璇存槑瑙掕壊娓告垙鐨勭壒鐐广��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem70" + @change="setBookQuestion" + ></textarea> + </div> <p>2.瑙掕壊娓告垙瀵瑰辜鍎垮彂灞曠殑鍔熻兘琛ㄧ幇鍦ㄥ摢浜涙柟闈紵</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem71" + @change="setBookQuestion" + ></textarea> + </div> <p>3.瑙掕壊娓告垙鐢卞摢鍑犻儴鍒嗘瀯鎴愶紵</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem72" + @change="setBookQuestion" + ></textarea> + </div> <p>4.骞煎効瑙掕壊娓告垙鐨勪竴鑸寚瀵兼柟娉曞寘鎷摢浜涘唴瀹癸紵</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem73" + @change="setBookQuestion" + ></textarea> + </div> <p><b>浜屻�佽杩伴</b></p> <p>缁撳悎鍚勫勾榫勫辜鍎跨殑涓嶅悓鐗圭偣锛岃鏄庡浣曟寚瀵煎辜鍎胯繘琛岃鑹叉父鎴忋��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem74" + @change="setBookQuestion" + ></textarea> + </div> <p class="left"><span class="bj4">瀹炶缁冧範</span></p> <p>1.瑙傚療璁板綍鏌愪竴骞撮緞鐝辜鍎跨殑瑙掕壊娓告垙浠ュ強鏁欏笀瀵规父鎴忕殑鎸囧鎯呭喌銆�</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem75" + @change="setBookQuestion" + ></textarea> + </div> <p>2.缁撳悎瑙佷範銆佸疄涔狅紝灏濊瘯鎸囧鏌愪竴骞撮緞鐝殑涓�涓鑹叉父鎴忋��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem76" + @change="setBookQuestion" + ></textarea> + </div> <p>3.鐢熸椿涓瀵熶竴骞煎効瑙掕壊娓告垙娲诲姩锛屽苟鍒嗘瀽瑙掕壊娓告垙鐨勭壒鐐广�佹瀯鎴愩��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem77" + @change="setBookQuestion" + ></textarea> + </div> <p class="left1"><b>鎷撳睍缁冧範</b></p> <div class="tp-10"> <p><img class="rwmb-6" alt="" src="../../images/tb-12.png" /></p> </div> <p>浠ヤ笅涓洪儴鍒嗘暀甯堣祫鏍艰瘉鑰冭瘯绗旇瘯鐪熼鍙婇潰璇曠湡棰橈紝鍙壂鎻忎簩缁寸爜瑙傜湅銆�</p> - <p class="center"> + <!-- <p class="center"> <img class="img-g" alt="" src="../../images/0094-1.jpg" /> - </p> - <p class="img">绗旇瘯鐪熼</p> - <p class="center"> + </p> --> + <div class="questionBox"> + <div class="titleBox"> + <span class="title">绗旇瘯鐪熼</span> + <img + src="../../images/ti-icon.png" + @click="openQuestion(1)" + alt="" + /> + </div> + <div class="questionContent" v-if="questionData.showQuestion01"> + <div class="q-title">骞煎効鍥暀甯堣祫鏍艰�冭瘯路鐪熼鍐嶇幇</div> + <p class="q-tips">2013 骞翠笅鍗婂勾銆婁繚鏁欑煡璇嗕笌鑳藉姏銆嬫椿鍔ㄨ璁¢</p> + <p> + 涓簩鐝辜鍎垮湪濞冨▋瀹舵父鎴忎腑锛屾帴寰呪�滃浜衡�濅富鍔ㄧ儹鎯咃紝涓庨暱杈堜氦寰�寰堟湁绀艰矊锛屽彲瀹堕暱鍗磋锛屽瀛愬湪瀹朵笉鏄繖鏍风殑锛屾湁瀹汉鏉ヤ簡寰堝皯鎵撴嫑鍛硷紝杩樼粡甯稿鐖风埛濂跺ザ鍙戣劸姘斻�� + </p> + <p> + 璇烽拡瀵逛笂杩板辜鍎胯涓虹殑鍙嶅樊锛岃璁¤В鍐宠繖涓�闂鐨勬柟娉曘��<button + class="btn btn-default" + @click="lookAnswer('showAswer05')" + > + 鏄剧ず绛旀 + </button> + </p> + <p>锛�1锛夊啓鍑洪棶棰樼殑鍘熷洜鍒嗘瀽銆�</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem78" + @change="setBookQuestion" + ></textarea> + </div> + <p>锛�2锛夋暀瀛︾洰鏍囥��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem79" + @change="setBookQuestion" + ></textarea> + </div> + <p>锛�3锛夋暀鑲叉寚瀵煎唴瀹广�佹柟娉曘��</p> + <div class="bk-xyx"> + <textarea + rows="6" + v-model="questionData.textBybItem80" + @change="setBookQuestion" + ></textarea> + </div> + <div v-if="questionData.showAswer05" class="questionAswer"> + <p><b>銆愬弬鑰冪瓟妗堛��</b></p> + <p>锛�1锛夊師鍥犲垎鏋愶細</p> + <p> + 鈶犵敱瀛╁瓙鐨勫績鐞嗙壒鐐规墍鍐冲畾銆傚瀛愬勾骞硷紝鑷帶鑳藉姏宸紝瀵瑰闀挎湁寮虹儓鐨勪緷璧栧績鐞嗐�� + </p> + <p> + 鈶$敱瀹堕暱鑷韩鐨勫師鍥犻�犳垚銆傛汉鐖卞瀛愶紝瀵逛粬浠斁鏉捐姹傦紱淇濇姢杩囧锛屽瀛╁瓙鍖呭姙浠f浛锛涙暀鑲叉柟娉曚笉寰楀綋锛涘拷瑙嗕簡瀹跺涵涓庡辜鍎垮洯鏁欒偛鐨勪竴鑷存�с�� + </p> + <p> + 鈶㈢敱浜庡辜鍎垮洯鏁欏笀鍦ㄧ浉鍏抽鍩熸椿鍔ㄤ腑娌℃湁鍔犲己骞煎効鍥暀鑲插奖鍝嶇殑涓�鑷存�у拰杩炶疮鎬э紝娆犵己鍜屽闀跨殑娌熼�氬伐浣溿�� + </p> + <p>锛�2锛夋暀瀛︾洰鏍囷細</p> + <p>鈶犲湪娓告垙涓紝鍒濇璁よ瘑涓庝汉绀艰矊浜ゅ線鐨勯噸瑕佹�с��</p> + <p> + 鈶″湪鎵撶數璇濈殑娓告垙涓紝瀛︿範鏃ュ父鐨勭ぜ璨岀敤璇紝鐭ラ亾鍦ㄥ閲屽拰骞煎効鍥簲璇ュ悓鏍锋噦绀艰矊锛屽煿鍏昏壇濂界殑浜洪檯浜ゅ線鑳藉姏鍜屼範鎯�� + </p> + <p>锛�3锛夋暀鑲叉寚瀵煎唴瀹癸細</p> + <p>鈶犲璇寸ぜ璨岀敤璇��</p> + <p>鈶℃彁楂樹汉闄呬氦寰�鑳藉姏銆�</p> + <p>鈶㈠鍥繚鎸佷竴鑷淬��</p> + <p style="margin-bottom: 30px">鍏蜂綋娲诲姩璁捐濡備笅銆�</p> + <div> + <p class="block" style="text-align: center"> + 灏忕尨鎵撶數璇濃�斺�斾腑鐝ぞ浼氫氦寰�娲诲姩 + </p> + <p class="block-tips">娲诲姩鍑嗗</p> + <p class="block">1锛庣帺鍏峰皬鐚翠竴涓��</p> + <p class="block">2锛庢晠浜嬪姩鐢汇�婂皬鐚存墦鐢佃瘽銆嬨��</p> + <p class="block">3锛庣帺鍏风數璇濆洓鍙般��</p> + <p class="block">4锛庡皬鐚淬�佸皬鐔娿�佸皬楦�佸皬鍏斿ご楗拌嫢骞层��</p> + <p class="block">5锛庢瓕鏇诧細銆婃垜浠粠灏忔湁绀艰矊銆嬨��</p> + <p class="block-tips">娲诲姩杩囩▼</p> + <p class="block"> + 1.璋堣瘽瀵煎叆锛氬瀛愪滑锛屽钩鏃朵綘浠兘鍠滄鍜岃皝鎵撶數璇濓紵鎵撶數璇濇椂浣犻兘鍜屼粬璇翠簺浠�涔堬紵浣犳槸鎬庢牱璇寸殑锛� + </p> + <p class="block">2.鍑虹ず鐜╁叿灏忕尨锛岃繘鍏ヨ棰樸��</p> + <p class="block"> + 鏁欏笀锛氫粖澶╋紝灏忕尨璞嗚眴鐗瑰埆楂樺叴锛屽洜涓轰粬鎼柊瀹朵簡锛屼粬瑕佺粰浠栫殑濂芥湅鍙嬫墦鐢佃瘽锛岄個璇蜂粬浠潵瀹堕噷鐜┿�傛垜浠潵鐪嬬湅浠栨槸鎬庢牱鎵撶數璇濈殑銆� + </p> + <p class="block"> + 锛�1锛夋挱鏀炬晠浜嬪姩鐢汇�婂皬鐚存墦鐢佃瘽銆嬶紝浣垮辜鍎挎劅鐭ユ病绀艰矊鐨勫悗鏋溿�� + </p> + <p class="block"> + 锛�2锛夋暀甯堟彁闂細鈶犲皬鐚撮兘缁欏摢浜涘ソ鏈嬪弸鎵撶數璇濅簡锛熲憽浠栫殑濂芥湅鍙嬫潵浜嗗悧锛熶负浠�涔堟病鏈夋潵锛� + </p> + <p class="block"> + 锛�3锛夊皬缁擄細灏忕尨璞嗚眴鍦ㄧ數璇濋噷璇磋瘽涓嶇ぜ璨岋紝鎵�浠ユ湅鍙嬩滑閮戒笉鐞嗙潿浠栥�� + </p> + <p class="block"> + 锛�1锛夎繃娓¤锛氬皬浼欎即浠兘涓嶈偗鏉ワ紝灏忕尨璞嗚眴鍙毦杩囦簡锛屼粬澶氭兂璁╀紮浼翠滑鏉ョ帺鍛�銆備簬鏄浜屽ぉ锛屽皬鐚磋眴璞嗗張缁欏皬浼欎即浠墦鐢佃瘽浜嗐�傝繖涓�娆¤�佸笀瑕佽灏忔湅鍙嬩滑鏉ユ暀璞嗚眴鎵撴湁绀艰矊鐨勭數璇濅簡銆傚皬鏈嬪弸浠兂涓�鎯筹紝璇ユ�庢牱鎵撳憿锛� + </p> + <p class="block"> + 锛�2锛夋暀甯堢ず鑼冩父鎴忥細鏁欏笀鎴村皬鐚村ご楗帮紝鐢ㄧぜ璨岀敤璇粰灏忕唺鎵撶數璇濓紙璁╅厤鐝暀甯堝綋灏忕唺鎴村皬鐔婂ご楗帮級锛堚�滃杺锛佹偍濂斤紝鎮ㄦ槸灏忕唺鍚楋紵璇峰埌鎴戝鏉ョ帺锛屽ソ鍚楋紵鈥濃�滃ソ鐨勶紝璋㈣阿鎮ㄣ�傚啀瑙併�傗�濓級 + </p> + <p class="block"> + 锛�3锛夋暀甯堣涓埆骞煎効妯′豢娓告垙锛氳涓ゅ悕骞煎効鑷敱閫夋嫨褰撳皬鐚村拰灏忛腑锛岀敤绀艰矊璇墦鐢佃瘽銆傦紙娓告垙杩涜鑻ュ共娆★紝璁╁辜鍎块兘鑳界敤绀艰矊鐢ㄨ鎺ユ墦鐢佃瘽銆傦級 + </p> + <p class="block"> + 锛�4锛夊垎缁勬父鎴忥細鍏ㄧ彮骞煎効鍒嗘垚鍥涚粍锛屾瘡缁勬湁涓�鍙扮數璇濄�佷竴涓皬鐚寸殑澶撮グ鍜岃嫢骞蹭釜灏忕唺銆佸皬楦�佸皬鍏旂殑澶撮グ銆傛瘡娆℃瘡缁勬湁涓�浣嶆壆婕斿皬鐚寸殑灏忔湅鍙嬫墦鐢佃瘽锛屾墦缁欒皝灏辩敱璋佹帴鐢佃瘽锛屾暀甯堝贰鍥炴寚瀵笺�� + </p> + <p class="block"> + 4.鎻愰棶璁ㄨ锛氬皬鏈嬪弸锛屼綘浠府灏忕尨璞嗚眴鍙樺緱鏈夌ぜ璨屼簡锛屼綘浠嚜宸卞湪骞煎効鍥�佸湪瀹堕噷璇ユ�庢牱鍋氭湁绀艰矊鐨勫瀛愬憿锛燂紙骞煎効鍙戣█锛屾暀甯堢粰浜堥紦鍔憋級 + </p> + <p class="block">5.鍚彂鎻愰棶锛�</p> + <p class="block"> + 锛�1)灏忔湅鍙嬩笂骞煎効鍥椂锛岃浜嗚�佸笀璇ユ�庝箞璇达紵鍜屽濡堝垎鎵嬫椂璇ユ�庝箞璇达紵 + </p> + <p class="block"> + 锛�2锛夊钩鏃跺湪閬囧埌鐔熸倝鐨勯暱杈堟椂锛屼綘璇ユ�庢牱鍋氾紵鎬庢牱璇达紵 + </p> + <p class="block">锛�3锛夊綋灏忔湅鍙嬪府鍔╀簡浣犳椂锛屼綘璇ユ�庢牱璇达紵</p> + <p class="block"> + 锛�4锛夊綋浣犱笉灏忓績纰扮柤浜嗘湅鍙嬫椂锛屼綘璇ユ�庢牱璇达紵濡傛灉鏈嬪弸纰颁簡浣犳椂,浣犲張璇ユ�庢牱璇村憿锛� + </p> + <p class="block">6.闊充箰娆h祻锛氭瓕鏇层�婃垜浠粠灏忔湁绀艰矊銆嬨��</p> + <p class="block">7.娲诲姩寤朵几銆�</p> + <p class="block"> + 鍦ㄥ閲岋紝瀹堕暱鎸囧骞煎効鐢ㄧぜ璨岀敤璇粰浜蹭汉鍜屾湅鍙嬫墦鐢佃瘽銆� + </p> + </div> + </div> + </div> + </div> + <!-- <p class="center"> <img class="img-g" alt="" src="../../images/0094-2.jpg" /> - </p> - <p class="img">闈㈣瘯鐪熼</p> + </p> --> + <div class="questionBox"> + <div class="titleBox"> + <span class="title">闈㈣瘯鐪熼</span> + <img + src="../../images/ti-icon.png" + @click="openQuestion(2)" + alt="" + /> + </div> + <div class="questionContent" v-if="questionData.showQuestion02"> + <div class="q-tips">闈㈣瘯璁粌钀�</div> + <p class="block-ms-tips">闈㈣瘯鐪熼 1</p> + <p>1.棰樼洰锛氳鎬庝箞浠橀挶銆�</p> + <p> + 2.鍐呭锛氭暀甯堜负澶х彮鐨勮秴甯傛父鎴忔彁渚涗簡鑷埗鐨勯挶锛�1 鍏冦��2 鍏冦��5 + 鍏冪瓑锛夛紝骞朵负姣忎欢鍟嗗搧鏍囦笂浜嗕环閽憋紝鎯宠骞煎効鍦ㄤ拱鍗栨父鎴忎腑杩愮敤鎵�瀛︾殑鏁欏鐭ヨ瘑銆傚彲濂瑰嵈鍙戠幇骞煎効鍦ㄦ父鎴忕殑鏃跺�欙紝浠嶉殢渚夸粯閽憋紝鏀堕摱鍛樹篃闅忎究鏀堕挶銆� + </p> + <p>3.鍩烘湰瑕佹眰锛�</p> + <p> + 锛�1锛夊洖绛旈棶棰橈細鏁欏笀鍙互鎬庢牱寮曞骞煎効鍒╃敤閽卞竵鐜╄秴甯傛父鎴忥紵璇锋兂鍑轰袱绉嶆柟娉曘�� + </p> + <p>锛�2锛夋ā鎷熸紨绀猴細</p> + <p>鈶犳暀甯堜粙鍏ユ寚瀵煎辜鍎夸娇鐢ㄩ挶甯佺帺娓告垙鐨勪竴绉嶆柟娉曘��</p> + <p>鈶¤姹傝瑷�娓呮櫚锛岃璋冩煍鍜岋紝渚夸簬骞煎効鎺ュ彈銆�</p> + <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p> + <p class="block-ms-tips">闈㈣瘯鐪熼 2</p> + <p>1.棰樼洰锛氬尰闄㈡父鎴忋��</p> + <p> + 2.鍐呭锛氬ぇ鐝父鎴忓紑濮嬩簡锛屽尰闄㈤噷寰堝鐥呬汉锛屽ぇ瀹跺惖鍚甸椆闂癸紝褰卞搷浜嗗叾浠栧辜鍎挎父鎴忋�傛暀甯堢湅鍒颁互鍚庯紝澶у0璁枼閬擄細鈥滀綘浠惉鍚綘浠殑澹伴煶锛屽埆浜鸿繕鑳芥父鎴忓悧锛熲�濇帴鐫�骞煎効绾风悍绂诲紑浜嗘父鎴忋�� + </p> + <p> + 3.鍩烘湰瑕佹眰锛氾紙1锛夊洖绛旈棶棰橈細浣犳槸鍚﹁禐鍚屾渚嬩腑鏁欏笀瑙e喅骞煎効鍚甸椆鐨勬柟娉曪紵涓轰粈涔堬紵 + </p> + <p>锛�2锛夋ā鎷熸紨绀猴細</p> + <p>鈶犱綘濡備綍澶勭悊涓婇潰杩欎釜鍖婚櫌娓告垙涓嚭鐜扮殑闂锛岃婕旂ず浣犵殑鏂规硶銆�</p> + <p>鈶¤姹傝姘斾翰鍒囪嚜鐒讹紝琛ㄨ揪鏄庣櫧鏄撴噦锛屾槗浜庡辜鍎跨悊瑙c��</p> + <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p> + <p class="block-ms-tips">闈㈣瘯鐪熼 3</p> + <p>1.棰樼洰锛氭枒椹嚎銆�</p> + <p> + 2.鍐呭锛氫腑鐝笅瀛︽湡瑙掕壊娓告垙锛屾垚鎴愬綋鍙告満锛屽彂鐜版病鏈夋枒椹嚎锛屽氨瑁佷簡涓�浜涚焊鏉★紝涓�鏉℃潯绮樺湪鍦颁笂褰撴枒椹嚎锛屼粬瀵瑰懆鍥寸殑骞煎効璇达細鈥滆浜鸿繃椹矾鍙兘璧版枒椹嚎鈥濓紝鍙槸娌′汉鐞嗕粬锛屽ぇ瀹惰繕鏄殢鎰忚蛋鏉ヨ蛋鍘荤殑銆備竴浼氬効锛屾枒椹嚎灏变贡浜嗭紝浠栧緢鐫�鎬モ�︹�� + </p> + <p> + 3.鍩烘湰瑕佹眰锛氾紙1锛夊洖绛旈棶棰橈細濡傛灉浣犳槸鑰佸笀锛岄亣鍒拌繖绉嶆儏鍐典綘浼氭�庝箞鍔�?璇峰垪涓句袱绉嶆柟娉曘�� + </p> + <p>锛�2锛夋ā鎷熸紨绀猴細</p> + <p>鈶犺閫夊彇涓�绉嶆柟娉曪紝妯℃嫙婕旂ず浠嬪叆娓告垙鎸囧銆�</p> + <p>鈶¤鍑轰綘閲囩敤杩欑鏂规硶鐨勭悊鐢便��</p> + <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p> + <p> + 锛�4锛夊洖绛旈棶棰橈細濡傛灉浣犳槸鑰佸笀锛岄亣鍒拌繖绉嶆儏鍐典綘浼氭�庝箞鍔�?璇峰垪涓句袱绉嶆柟娉曘�� + </p> + <p class="block-ms-tips">闈㈣瘯鐪熼 4</p> + <p>1.棰樼洰锛氭病浜虹帺銆�</p> + <p> + 2.鍐呭锛氳鑹叉父鎴忕殑鏃跺�欙紝鏁欏笀鍙戠幇涓彮鐨勫尰闄㈡病鏈変汉鐜╋紝瓒呭競涔熸病鏈夎惀涓氬憳锛屽ぇ瀹堕兘鎷ユ尋鍒颁簡濞冨▋瀹跺拰楗搴楅噷浜嗐�� + </p> + <p>3.鍩烘湰瑕佹眰锛�</p> + <p> + 锛�1锛夊洖绛旈棶棰橈細閬囧埌杩欑鎯呭喌锛屾暀甯堣濡備綍鎸囧锛熻璇村嚭 3 绉嶆柟娉曘�� + </p> + <p>锛�2锛夋ā鎷熸紨绀猴細</p> + <p>飩佹ā鎷熸紨绀轰竴绉嶆柟娉曪紝瀵逛笂杩版父鎴忚繘琛屾寚瀵笺��</p> + <p>飩傝姹傝瑷�娓呮櫚锛岃涔夋槑浜嗐��</p> + <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p> + <p class="block-ms-tips">闈㈣瘯鐪熼 5</p> + <p>1.棰樼洰锛氳皝涔熶笉璁よ瘑璋併��</p> + <p> + 2.鍐呭锛氬皬鐝▋濞冨銆傛娆f蹇欑潃缁欏▋濞冪┛琛f湇锛屼笢涓滃繖鐫�鐓キ锛屽畞瀹佸憜鍛嗗湴鍧愬湪娌欏彂涓娿�傝�佸笀璧拌繃鍘婚棶娆f锛氫綘鏄皝鍛�锛熸娆g瓟锛氭垜鏄濡堛�傝�佸笀鍙堥棶锛氶偅浠栦滑涓や釜鏄皝鍛�锛熸娆f憞鎽囧ご锛岃涓嶇煡閬撱�傝�佸笀鍙堥棶娌欏彂涓婄殑瀹佸畞锛屼綘鐭ラ亾浠栦滑鏄▋濞冨鐨勪粈涔堜汉鍚楋紵瀹佸畞涔熸憞鎽囧ご琛ㄧず涓嶇煡閬撱�� + </p> + <p>3.鍩烘湰瑕佹眰锛�</p> + <p>锛�1锛夊洖绛旈棶棰橈細</p> + <p>飩佹渚嬪弽鏄犱簡骞煎効浠�涔堟牱鐨勬父鎴忔按骞筹紵</p> + <p>飩傞亣鍒拌繖鏍风殑鎯呭喌锛屼綘浼氭�庝箞鎸囧锛�</p> + <p>锛�2锛夋ā鎷熸紨绀猴細</p> + <p>飩佷粙鍏ユ寚瀵煎辜鍎挎父鎴忥紝璁╁辜鍎夸簰鐩镐簡瑙f墍鎵紨鐨勮鑹层��</p> + <p>飩傝姹傝璋冩煍鍜岋紝璇皵鑷劧銆�</p> + <p>锛�3锛夎鍦� 10 鍒嗛挓鍐呭畬鎴愪笂杩颁换鍔°��</p> + </div> + </div> </div> </div> </div> </div> </template> <script> +import { getResourcePath } from "@/assets/methods/resources"; export default { name: "chapter002", props: { @@ -568,5 +1225,99 @@ type: Array, }, }, + data() { + return { + questionData: { + isComplete: false, + showAswer01: false, + showAswer02: false, + showAswer03: false, + showAswer04: false, + showAswer05: false, + aswer01: { + data: [], + }, + aswer02: { + data: [], + }, + aswer04: { + data: [], + }, + showQuestion01: true, + showQuestion02: true, + }, + videoUrl: {}, + videoMd5: { + v31: { + md5: "faaf41f2f32e31511eb9cb7f576a66fb", + name: "灏忕彮瑙掕壊娓告垙", + }, + v32: { + md5: "1dbc323ca1b6879e4294da0c4d660767", + name: "澶х彮瑙掕壊娓告垙", + }, + }, + }; + }, + created() { + const bookQuestion = localStorage.getItem( + "preschoolGameGuidance-book-chapter01" + ); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + }, + methods: { + async getVideo(md5, val) { + const data = await getResourcePath(md5); + this.videoUrl[val] = data; + }, + setBookQuestion(val) { + if (val) { + this.questionData[val].isComplete = true; + } + localStorage.setItem( + "preschoolGameGuidance-book-chapter01", + JSON.stringify(this.questionData) + ); + + const bookQuestion = localStorage.getItem( + "preschoolGameGuidance-book-chapter01" + ); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + }, + lookAnswer(val) { + this.questionData[val] = !this.questionData[val]; + console.log(this.questionData); + }, + resetAswer(val1, val2) { + this.questionData[val1] = {}; + this.questionData[val2] = false; + this.questionData[val1].isComplete = false; + this.questionData[val1].data = []; + }, + openQuestion(val) { + this.questionData["showQuestion0" + val] = + !this.questionData["showQuestion0" + val]; + }, + changeRadio(e, val, val2) { + this.questionData[val][val2] = e.target.checked; + if (this.questionData[val][val2]) { + this.questionData[val].data.push(e.target.value); + } else { + const str = e.target.value; + this.questionData[val].data = this.questionData[val].data.filter( + (item) => item !== str + ); + } + }, + }, + mounted() { + for (let key in this.videoMd5) { + this.getVideo(this.videoMd5[key].md5, key); + } + }, }; </script> -- Gitblit v1.9.1