From 0e579505f189e885aa8e994db87217e087918899 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 25 六月 2024 19:18:18 +0800 Subject: [PATCH] 英语bug修改 --- src/books/English/view/components/chapter001.vue | 232 +++++++++++++++++++++++++++++++++++----------- src/books/artAndDrama/view/components/chapter003.vue | 2 src/books/artAndDrama/view/components/chapter001.vue | 2 src/components/matching/matching.vue | 14 +- src/books/English/view/components/index.vue | 6 src/books/English/assets/main.less | 4 6 files changed, 194 insertions(+), 66 deletions(-) diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less index 2ba9808..64abac4 100644 --- a/src/books/English/assets/main.less +++ b/src/books/English/assets/main.less @@ -1007,6 +1007,10 @@ width: 500px; height: 36px; } + .matching-title-text { + color: #f49a4c; + font-weight: bold; + } } /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ @media (max-width: 660px) { diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 4723436..ed55959 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -298,7 +298,7 @@ <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" /> </p> --> <div> - <ul class="fl ju-bt"> + <ul class="fl ju-bt matching-title-text"> <li>Speakers銆�Chinese Cultural Symbols</li> <li style="width: 40%; text-align: center">Descriptions</li> </ul> @@ -306,7 +306,6 @@ </div> <h3 id="c003" class="fl al-cn"> <span class="bjh3">Reading</span> - <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio> </h3> <p> 1.How was Chinese culture introduced to the world in ancient @@ -356,6 +355,10 @@ scenery </p> <p class="center"><b>My Experience in Wonderland</b></p> + <p class="center"> + <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio> + + </p> <p class="block"> 鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly enjoyable,鈥� responds Alice.鈥淵ou should visit it sometime.鈥� @@ -563,33 +566,71 @@ <p> A.Mark the items that made the author curious when she arrived in China. + <span> + <svg + v-if="testData.check.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" + p-id="18768" + ></path> + </svg> + <svg + v-if="testData.check.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" + p-id="25746" + ></path> + </svg> + </span> </p> <p> - <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> + <input type="checkbox" name="ball1" value="Language" id="1" v-model="testData.check.value" @change="setTestData" /> Language </p> <p> - <input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" /> + <input type="checkbox" name="ball2" value="People" id="2" v-model="testData.check.value" @change="setTestData" /> People </p> <p> - <input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" /> + <input type="checkbox" name="ball3" value="Culture" id="3" v-model="testData.check.value" @change="setTestData" /> Culture </p> <p> - <input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" /> + <input type="checkbox" name="ball4" value="Cuisine" id="4" v-model="testData.check.value" @change="setTestData" /> Cuisine </p> <p> - <input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" /> + <input type="checkbox" name="ball5" value="Folk" id="5" v-model="testData.check.value" @change="setTestData" /> Folk art </p> <p> - <input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" /> + <input type="checkbox" name="ball6" value="Landscapes" id="6" v-model="testData.check.value" @change="setTestData" /> Landscapes </p> <p> - <input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" /> + <input type="checkbox" name="ball7" value="Transportation" id="7" v-model="testData.check.value" @change="setTestData" /> Transportation </p> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer"> @@ -620,14 +661,14 @@ </p> <p>1.What鈥檙e the author鈥檚 comments about Chinese food?</p> <textarea v-model="testData.tx.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" - class="fz-16 textarea-text"></textarea> + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines are quite mouth-watering and stimulating. </p> <p>2.When and why did the author start her journey to China?</p> <textarea v-model="testData.tx.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" - class="fz-16 textarea-text"></textarea> + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歐hen the author got selected as a foreign student for PhD studies at one university in 2017, she started her journey to @@ -635,20 +676,20 @@ </p> <p>3.What are the author鈥檚 expectations of her stay in China?</p> <textarea v-model="testData.tx.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" - class="fz-16 textarea-text"></textarea> + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歍he author looks forward to exploring more during her stay. </p> <p>4.What did the author think of Chinese people?</p> <textarea v-model="testData.tx.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" - class="fz-16 textarea-text"></textarea> + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歍he author thought the local Chinese were very friendly and hospitable. </p> <p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p> <textarea v-model="testData.tx.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" - class="fz-16 textarea-text"></textarea> + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欵ach city has its unique atmosphere with charming features and unique landscapes. @@ -659,22 +700,60 @@ <p> A.Fill in the blanks with the proper words in the passage.The initial letters of the words have been given. + <span> + <svg + v-if="testData.in.isRight" + t="1716986419862" + class="icon" + viewBox="0 0 1820 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="18767" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" + height="20" + > + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" + p-id="18768" + ></path> + </svg> + <svg + v-if="testData.in.isRight == false" + t="1716987085767" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="25745" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" + height="20" + > + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" + p-id="25746" + ></path> + </svg> + </span> </p> <p> In 2017,the author arrived in China.When she arrived,she was like Alice in <i>Alice in Wonderland</i>.She was curious about the people,the culture,the c<input type="text" class="input-bottom-border" style="width: 60px" - v-model="testData.in.one" /> + v-model="testData.in.one" @change="setTestData" /> ,and of course the huge variety of l<input v-model="testData.in.two" type="text" - class="input-bottom-border" style="width: 60px" />.Chinese friends helped her a lot in understanding + class="input-bottom-border" style="width: 60px" @change="setTestData" />.Chinese friends helped her a lot in understanding Chinese culture and c<input v-model="testData.in.three" type="text" class="input-bottom-border" - style="width: 60px" />.The author believes that one cannot e<input type="text" - v-model="testData.in.four" class="input-bottom-border" style="width: 60px" />China properly if he/she + style="width: 60px" @change="setTestData" />.The author believes that one cannot e<input type="text" + v-model="testData.in.four" class="input-bottom-border" style="width: 60px" @change="setTestData" />China properly if he/she does not try its delicious variety of food.China has thousands of years of rich and beautiful culture.Each city has its u<input v-model="testData.in.five" type="text" class="input-bottom-border" - style="width: 60px" />atmosphere that attracts people. + style="width: 60px" @change="setTestData" />atmosphere that attracts people. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歝uisine, landscapes, civilization, explore, unique @@ -684,41 +763,46 @@ sentences with them. </p> <p> - 1.get selected as<input v-model="testData.line.one" type="text" class="input-bottom-border" - style="width: 77%" /> + 1.get selected as </p> + <textarea v-model="testData.line.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歋he got selected as the cultural ambassador to show Chinese culture on campus. </p> <p> - 2.be curious about<input v-model="testData.line.two" type="text" class="input-bottom-border" - style="width: 75%" /> + 2.be curious about </p> + <textarea v-model="testData.line.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歁any foreigners are curious about the amazing Chinese martial arts. </p> <p> - 3.along the way<input v-model="testData.line.three" type="text" class="input-bottom-border" - style="width: 77%" /> + 3.along the way </p> + <textarea v-model="testData.line.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼 suggest that you go to Tibet by train so that you can enjoy the natural scenery along the way. </p> <p> - 4.come across<input v-model="testData.line.four" type="text" class="input-bottom-border" - style="width: 79%" /> + 4.come across </p> + <textarea v-model="testData.line.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欻e came across the temple fair in Beijing during the Spring Festival. </p> <p> - 5.look forward to<input v-model="testData.line.five" type="text" class="input-bottom-border" - style="width: 76%" /> + 5.look forward to </p> + <textarea v-model="testData.line.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%" + class="fz-16 textarea-text" @change="setTestData"></textarea> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛歋he is looking forward to visiting the incredible cities in China. @@ -748,7 +832,7 @@ people. </p> <p> - <input v-model="testData.ts.one" type="text" class="input-bottom-border" /> + <input v-model="testData.ts.one" type="text" class="input-bottom-border" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆� @@ -758,7 +842,7 @@ greatly promoted the development of ancient Chinese civilization. </p> <p> - <input v-model="testData.ts.two" type="text" class="input-bottom-border" /> + <input v-model="testData.ts.two" type="text" class="input-bottom-border" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆� @@ -768,7 +852,7 @@ tea culture in depth. </p> <p> - <input v-model="testData.ts.three" type="text" class="input-bottom-border" /> + <input v-model="testData.ts.three" type="text" class="input-bottom-border" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛氶檰缇斤紝銆婅尪缁忋�嬬殑浣滆�咃紝瀵逛腑鍥借尪閬撹繘琛屼簡娣卞叆鐨勭爺绌躲�� @@ -778,7 +862,7 @@ Chinese medical science. </p> <p> - <input v-model="testData.ts.four" type="text" class="input-bottom-border" /> + <input v-model="testData.ts.four" type="text" class="input-bottom-border" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛氬紶浠叉櫙鏄竴浣嶅涓浗鍖诲鏈夌潃閲嶅ぇ褰卞搷鐨勫尰瀛﹀銆� @@ -802,7 +886,7 @@ meal. </p> <p> - <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" />. + <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you try using sticks, you can enjoy the fun of having a @@ -813,7 +897,7 @@ there. </p> <p> - <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" />. + <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you go to my Chinese New Year party, you will meet my @@ -821,7 +905,7 @@ </p> <p>3.Drink some Longjing tea,and you will love it.</p> <p> - <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" />. + <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f you drink some Longjing tea, you will love it. @@ -831,7 +915,7 @@ warriors. </p> <p> - <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" />. + <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta @@ -842,7 +926,7 @@ Chicken would possibly be in top three. </p> <p> - <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" />. + <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />. </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 绛旀锛� If you ask foreigners about their favorite Chinese food, @@ -854,7 +938,7 @@ </p> <p> 1.I was wondering<input v-model="testData.cm.one" type="text" class="input-bottom-border" - style="width: 60px" />to go for a walk in the Summer Palace. + style="width: 60px" @change="setTestData" />to go for a walk in the Summer Palace. </p> <p> 2.We can spend the afternoon on the beach<input v-model="testData.cm.two" type="text" @@ -862,14 +946,14 @@ </p> <p> 3.I called Wang to find out<input v-model="testData.cm.three" type="text" class="input-bottom-border" - style="width: 60px" />or not he really went to see the Peking opera show. + style="width: 60px" @change="setTestData" />or not he really went to see the Peking opera show. </p> <p> 4.We鈥檙e not interested in<input v-model="testData.cm.four" type="text" class="input-bottom-border" - style="width: 60px" />we get great jobs and that kind of thing. + style="width: 60px" @change="setTestData" />we get great jobs and that kind of thing. </p> <p> - 5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" />I go to + 5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda Breeding. </p> @@ -885,9 +969,6 @@ </button> </li> <li> - <button @click="setTestData" class="btn-border btn-w"> - 淇濆瓨 - </button> </li> <li> <button @click="changeTestData" class="btn-border btn-w"> @@ -1210,7 +1291,7 @@ </p> <p class="center"> 1. - <select v-model="dropdownData.one.value"> + <select class="select-border" v-model="dropdownData.one.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1244,7 +1325,7 @@ </p> <p class="center"> 2. - <select v-model="dropdownData.two.value"> + <select class="select-border" v-model="dropdownData.two.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1281,7 +1362,7 @@ </p> <p class="center"> 3. - <select v-model="dropdownData.three.value"> + <select class="select-border" v-model="dropdownData.three.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1315,7 +1396,7 @@ </p> <p class="center"> 4. - <select v-model="dropdownData.four.value"> + <select class="select-border" v-model="dropdownData.four.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1352,7 +1433,7 @@ </p> <p class="center"> 5. - <select v-model="dropdownData.five.value"> + <select class="select-border" v-model="dropdownData.five.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1386,7 +1467,7 @@ </p> <p class="center"> 6. - <select v-model="dropdownData.six.value"> + <select class="select-border" v-model="dropdownData.six.value" @change="setDropdownData"> <option v-for="(item, index) in dropDownList" :key="index" :value="item"> {{ item }} </option> @@ -1419,9 +1500,6 @@ <div class="fl ju-ev mt-40" style="width: 80%"> <button class="btn-border btn-w" @click="handleDropdown('judge')"> 鎻愪氦 - </button> - <button @click="setDropdownData" class="btn-border btn-w"> - 淇濆瓨 </button> <button class="btn-border btn-w" @click="changeDropdown"> 閲嶅仛 @@ -2384,7 +2462,11 @@ }, }, testData: { - check: [], + check: { + isRight:null, + answer:["Culture","Cuisine","Landscapes"], + value:[] + }, tx: { one: "", two: "", @@ -2398,6 +2480,8 @@ three: "", four: "", five: "", + isRight:null, + answer:'cuisine,landscapes,civilization,explore,unique' }, line: { one: "", @@ -2499,7 +2583,11 @@ changeTestData() { localStorage.removeItem("english-testOne"); this.testData = { - check: [], + check: { + isRight:null, + answer:["Culture","Cuisine","Landscapes"], + value:[] + }, tx: { one: "", two: "", @@ -2513,6 +2601,8 @@ three: "", four: "", five: "", + isRight:null, + answer:['uisine','andscapes','ivilization','xplore','nique'] }, line: { one: "", @@ -2627,7 +2717,30 @@ ); }, saveData() { + const item = this.testData['check'] + const sortedArr1 = item.answer.slice().sort(); + const sortedArr2 = item.value.slice().sort(); + const isRight = sortedArr1.every( + (value, index) => value === sortedArr2[index] + ); + const inData = this.testData['in'] + let inString = [] + for (let key in inData) { + const citem = inData[key]; + if(key != 'answer' && key !== 'isRight') { + console.log(key); + inString.push(citem) + } + + + } + const inRight = inData.answer == inString + console.log('in',inData.answer,inString); + this.$set(this.testData['in'],'isRight',inRight) + this.$set(this.testData['check'],'isRight',isRight) + this.setTestData() console.log(this.testData); + }, audioPlay() { this.$emit("closeMiniAudio"); @@ -2710,4 +2823,11 @@ right: 0; background-color: red; } +.select-border { + border: 0; + border-bottom: 1px solid #767676; + &:focus { + outline: none; + } +} </style> diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index d1f067d..3ed81a3 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -152,8 +152,8 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - // setTimeout(() => { - // this.gotoPage(4,59); + setTimeout(() => { + this.gotoPage(2,11); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -181,7 +181,7 @@ // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", // txtIndex: 57 // }); - // }, 50); + }, 50); }, methods: { // setZoom1() { diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue index 581c9d6..b9ce627 100644 --- a/src/books/artAndDrama/view/components/chapter001.vue +++ b/src/books/artAndDrama/view/components/chapter001.vue @@ -46,7 +46,7 @@ <audio :src="auidoPathTwo" controls class="audio" @play="audioPlay"></audio> </h1> <!-- 杩炵嚎棰� --> - <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'"></matching> + <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'"></matching> <p class="text">灏忔彁绀猴細鍔犵偣鐨勬枃瀛椾负鏈彞璇濅腑鐨勯�昏緫閲嶉煶锛屽湪鏈楄鍙戦煶鏃惰閲嶈銆�</p> </div> <p><br /></p> diff --git a/src/books/artAndDrama/view/components/chapter003.vue b/src/books/artAndDrama/view/components/chapter003.vue index 010c51b..0c0f667 100644 --- a/src/books/artAndDrama/view/components/chapter003.vue +++ b/src/books/artAndDrama/view/components/chapter003.vue @@ -73,7 +73,7 @@ <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/3-2.gif" /></p> <p class="text"><span class="hs1">鈼�</span>璇锋妸铓傝殎闃熼暱鐨勫彴璇嶅拰浠栫殑鍐呭績鐙櫧杩炶捣鏉ュ惂锛�</p> <!-- 杩炵嚎棰� --> - <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'"> + <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'"> </matching> </div> <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 --> diff --git a/src/components/matching/matching.vue b/src/components/matching/matching.vue index a1f76a1..bcc4cc4 100644 --- a/src/components/matching/matching.vue +++ b/src/components/matching/matching.vue @@ -15,7 +15,7 @@ :key="index" ref="left" @mousedown="(e) => touchstart(e, item, index)" - :style="{ backgroundColor: primaryColor }" + :style="{ backgroundColor: primaryColor,border:'1px solid' + bordercolor }" v-html="item.label.txt" ></div> </div> @@ -25,7 +25,7 @@ v-for="(item, index) in rightArr" :key="index" ref="right" - :style="{ backgroundColor: primaryColor }" + :style="{ backgroundColor: primaryColor,border:'1px solid' + bordercolor }" v-html="item.label.txt" ></div> </div> @@ -46,11 +46,11 @@ <!-- 鎸夐挳 --> <div class="btn-bottom"> <el-button @click="submitData">鎻愪氦</el-button> - <el-button @click="saveData" :style="{ borderColor: primaryColor }" + <el-button @click="saveData" :style="{ borderColor: bordercolor }" >淇濆瓨</el-button > <el-button @click="redo">閲嶅仛</el-button> - <el-button @click="handleAnswer" :style="{ borderColor: primaryColor }" + <el-button @click="handleAnswer" :style="{ borderColor: bordercolor }" >鏌ョ湅绛旀</el-button > </div> @@ -112,8 +112,12 @@ }, primaryColor: { type: String, - default: "#0bab87", + default: "#fff", }, + bordercolor:{ + type:String, + default:'#f49a4c' + } }, watch: { rawData: { -- Gitblit v1.9.1