From 8ba5b1346308451e2c66f4414aa2c0b242d503d2 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 15:31:49 +0800
Subject: [PATCH] 英语音频播放优化
---
src/books/English/view/components/chapter001.vue | 251 ++++++++++++++++++++++++++++++++++++-------------
1 files changed, 184 insertions(+), 67 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 9af3354..6fee5eb 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -287,7 +287,8 @@
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
<span class="bjh3">Listening</span>
- <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
</h3>
<p>
<b>Four foreigners are talking about their impressions on Chinese
@@ -298,7 +299,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 +307,6 @@
</div>
<h3 id="c003" class="fl al-cn">
<span class="bjh3">Reading</span>
- <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
</h3>
<p>
1.How was Chinese culture introduced to the world in ancient
@@ -356,6 +356,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" ></audio>
+
+ </p>
<p class="block">
鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly
enjoyable,鈥� responds Alice.鈥淵ou should visit it sometime.鈥�
@@ -447,8 +451,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+ ></audio>
<p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
<div class="bkbj">
<p><i>land or place full of marvels or wonderful things</i></p>
@@ -563,33 +567,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 +662,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 +677,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 +701,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 +764,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 +833,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 +843,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">
绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠ｆ枃鏄庣殑鍙戝睍銆�
@@ -768,7 +853,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 +863,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 +887,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 +898,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 +906,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 +916,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 +927,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 +939,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 +947,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 +970,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 +1292,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 +1326,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 +1363,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 +1397,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 +1434,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 +1468,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 +1501,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">
閲嶅仛
@@ -1533,8 +1612,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+ ></audio>
<p>breeze /bri藧z/ <i>n.</i> 寰锛涘拰椋�</p>
<div class="bkbj">
<p><i>a light wind</i></p>
@@ -1914,8 +1993,8 @@
<b>鈪�.Listen to Tom,an overseas student,talking about his journey
to China and fill in the blanks with what you hear.</b>
</p>
- <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
+ ></audio>
<p>
After studying in China for almost three years by now,I call China
my second homeland.I love the natural beauty,the 1.________,the
@@ -2384,7 +2463,11 @@
},
},
testData: {
- check: [],
+ check: {
+ isRight:null,
+ answer:["Culture","Cuisine","Landscapes"],
+ value:[]
+ },
tx: {
one: "",
two: "",
@@ -2398,6 +2481,8 @@
three: "",
four: "",
five: "",
+ isRight:null,
+ answer:'cuisine,landscapes,civilization,explore,unique'
},
line: {
one: "",
@@ -2499,7 +2584,11 @@
changeTestData() {
localStorage.removeItem("english-testOne");
this.testData = {
- check: [],
+ check: {
+ isRight:null,
+ answer:["Culture","Cuisine","Landscapes"],
+ value:[]
+ },
tx: {
one: "",
two: "",
@@ -2513,6 +2602,8 @@
three: "",
four: "",
five: "",
+ isRight:null,
+ answer:['uisine','andscapes','ivilization','xplore','nique']
},
line: {
one: "",
@@ -2544,7 +2635,6 @@
};
},
setBookQuestion() {
- console.log("淇濆瓨");
localStorage.setItem(
"english-book-question-one",
JSON.stringify(this.questionData)
@@ -2627,10 +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 +2820,11 @@
right: 0;
background-color: red;
}
+.select-border {
+ border: 0;
+ border-bottom: 1px solid #767676;
+ &:focus {
+ outline: none;
+ }
+}
</style>
--
Gitblit v1.9.1