From 0a945a92ee0c133a6d7b71b35a705d9764d94f3b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 11 七月 2024 10:57:05 +0800
Subject: [PATCH] 英语（第一单元题集）
---
src/books/English/view/components/chapter001.vue | 1583 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 1,432 insertions(+), 151 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 572afb5..3e03549 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -351,7 +351,7 @@
</p>
<!-- 鏂囨湰妗� -->
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
绛旀锛�(1)Various delicious food (2)Unique architectures
@@ -1082,6 +1082,7 @@
<p>
<input :disabled="testData.isComplete" 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">
绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
@@ -1132,7 +1133,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
+ <img class="w100" :src="imgThirteen" />
</div>
<p>A.Combine the following sentences into if-clauses.</p>
<p>
@@ -1303,7 +1304,7 @@
</span>
</p>
<p>
- 5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text"
+ 5.<input :disabled="testData.isComplete" v-model.trim="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.
@@ -1485,7 +1486,7 @@
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/ppt_02.png" />
</div>
</div>
<div class="swiper-slide">
@@ -1913,7 +1914,7 @@
<p>
1.We are witnessing the rapid development of modern society.What
impresses you most?
- <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <span class="btn-box" @click="showAnswerTen = !showAnswerTen">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -1925,7 +1926,7 @@
<textarea v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛�(1)intercitut rain(2)online shopping (3)electronic payment
(4)shared bike (5)take-away service (6)facial recognition (7)2022
Beijing Winter Olympics (8)2023 World University Games (9)Hong
@@ -2020,12 +2021,12 @@
</p>
<p>
The five aspects that I mentioned above changed the life of
- millions of people around China.The Chinese
+ millions of people around China.The Chinese
<span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
is
<span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
,which makes people well off.I鈥檝e been in China for several
- years and witnessed China鈥檚
+ years and witnessed China鈥檚
<span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
.
</p>
@@ -2182,28 +2183,79 @@
blanks.
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
- 2016,serving people in several cities.
+ 2016,serving people in several cities.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.one.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="testOneData.dropdownChoiceData.one.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 2.People can order their desired food,from soup to noodles,from
barbecue to hot pot.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.two.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="testOneData.dropdownChoiceData.two.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 3.It was at that moment that I knew about the metro system.It
was new,fast,and extraordinary.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.three.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="testOneData.dropdownChoiceData.three.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2214,46 +2266,129 @@
(F).
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.one.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="testOneData.dropdownDetermineData.one.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 2.Before Vanessa came to China,she knew a lot about
- the metro
- system.
+ the metro system.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.two.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="testOneData.dropdownDetermineData.two.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 3.Vanessa didn鈥檛 know about online shopping before
- she met her
- neighbour Alison.
+ she met her neighbour Alison.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.three.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="testOneData.dropdownDetermineData.three.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 4.Vanessa got her own online payment account by
herself.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.four.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="testOneData.dropdownDetermineData.four.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>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
+ <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
+ :value="item">
{{ item }}
</option>
</select> ) 5.Buying vegetables and fruits online makes
Vanessa鈥檚 life
easier.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.five.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="testOneData.dropdownDetermineData.five.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2266,28 +2401,139 @@
</p>
<p>
1.Tom was shocked by China鈥檚 progress that she had
- <i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ <i>noticed</i>.
+ <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.one, 0) == 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>
2.China has made <i>amazing</i> progress in the manufacturing
- industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.two, 1) == 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>
3.Ordering platforms supported <i>by</i> various Apps is very
- convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.three, 2) == 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>
4.The <i>age</i> of artificial intelligence was brought into being
- by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.four, 3) == 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>
5.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
- of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.five, 4) == 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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2304,9 +2550,31 @@
</p>
</div>
<p>
- 1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
+ 1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big
data.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.one, 0)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.one, 0) == 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>
</div>
</div>
@@ -2330,24 +2598,112 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
+ 2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in
online
shops.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.two, 1)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.two, 1) == 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>
- 3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
+ 3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == 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>
- 4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
+ 4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.four, 3) == 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>
- 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
+ 5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
+ v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts
deserve
respect.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.five, 4)
+ " 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="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.five, 4) == 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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2366,7 +2722,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
+ <img class="w100" :src="imgThirteenOne" />
</div>
<p>
Read the examples and write down the sentence structure of the
@@ -2387,42 +2743,130 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 1.It is actually an online shopping website.( <select
+ :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.one.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="testOneData.dropdownStructureData.one.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>
- 2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
- style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.two.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="testOneData.dropdownStructureData.two.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>
3.China offers researchers world-class advanced research
- facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
+ style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.three.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="testOneData.dropdownStructureData.three.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>
4.These friends made Vanessa see China through the eyes of the
- locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.four.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="testOneData.dropdownStructureData.four.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>
- 5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
+ style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.five.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="testOneData.dropdownStructureData.five.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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2433,12 +2877,12 @@
<div class="w100 fl">
<ul class="fl ju-ar w100">
<li>
- <button class="btn-border btn-w" @click="saveData">
+ <button class="btn-border btn-w" @click="savaDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeTestOneData" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -2502,6 +2946,7 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
+ <p class="continued">continued</p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Items</td>
@@ -2510,10 +2955,10 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">Shopping</td>
- <td class="tl-cn">
+ <td class="tl-lf">
We bought necessities mainly in brick-and-mortar stores.
</td>
- <td>Online shopping is very common.</td>
+ <td class="tl-lf">Online shopping is very common.</td>
</tr>
<tr class="table-tr-bc">
<td>
@@ -2565,43 +3010,294 @@
</td>
</tr>
</table>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
<h2 id="b002">
<img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" />
</h2>
<h3 id="c008" class="fl al-cn">
<span class="bjh3">Listening</span>
</h3>
-
<p>
<b>鈪�.Listen to Tom,an overseas student,talking about his journey
to China and fill in the blanks with what you hear.</b>
+ <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<audio :src="resource.listenTwo" 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.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the
- people and the food.China is a large country with diverse
- landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
+ my second homeland.I love the natural beauty,the 1
+ <input v-model="questionData.lessonThree.one.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('one')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.one.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="questionData.lessonThree.one.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>
+ the people and the food.China is a large country with diverse
+ landscapes awaiting adventurers to 2.<input v-model="questionData.lessonThree.two.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('two')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.two.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="questionData.lessonThree.two.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>.There
is a modern public transportation system including city
- buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
+ buses,3. <input v-model="questionData.lessonThree.three.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('three')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.three.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="questionData.lessonThree.three.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>,high-speed trains,and airports,as well as a large
highway
- network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
+ network.These make travel 4. <input v-model="questionData.lessonThree.four.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('four')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.four.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="questionData.lessonThree.four.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>and efficient and allow me to go
to many places to enjoy the
- scenery and culture.China鈥檚 natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
- @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
- mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
+ scenery and culture.China鈥檚 natural beauty keeps on 5. <input
+ v-model="questionData.lessonThree.five.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('five')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.five.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="questionData.lessonThree.five.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>me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
+ mountains of Shangri-la,from the sandy 6.<input v-model="questionData.lessonThree.six.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('six')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.six.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="questionData.lessonThree.six.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>of
Sanya to the rocky seaside of Laoshan鈥� China is such a
beautiful country!
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerSeven">
绛旀锛� 1.culture 2.explore 3.subways
4.convenient 5.surprising 6.beach
</p>
@@ -2609,6 +3305,13 @@
<b>鈪�.Listen to the conversation about planning for the upcoming
Chinese Culture Week and circle the right expressions to
complete the following sentences.</b>
+ <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
style="margin-left: 10px" class="audio"></audio>
@@ -2649,11 +3352,16 @@
<p>
5.Zhang Ping is to arrange the room set-up / send out invitations.
</p>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
+ 绛旀锛� (1)experience Chinese handicraft (2)paper cutting contest (3)design the posters
+ (4)4.handicraftsmen to show their talent (5)5.arrange the room set-up
+ </p>
<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>
1.How do you let others know about an upcoming event?
- <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <span class="btn-box" @click="showAnswerNine = !showAnswerNine">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -2665,13 +3373,13 @@
<textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛� (1)posters (2)Wechat public account (3)Campus
radio (4)Campus TV station (5)Notice
</p>
<p>
2.What information would you like to tell them about the event?
- <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <span class="btn-box" @click="showAnswerEleven = !showAnswerEleven">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -2683,7 +3391,7 @@
<textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
绛旀锛�(1)Name of the event(2)Date & time (3)Address (4)Organizer
</p>
<p>
@@ -2702,54 +3410,56 @@
<p>鈻� Describe your event or why people should attend.</p>
<p>鈻� Include a relevant call to action.</p>
<div class="horizontal" style="display: flex">
- <div class="left" style="width: 48%">
- <p class="center">
- <img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
- </p>
+ <div class="left" style="width: 48%;">
+ <img style="width: 100%; height: auto; margin: 15% 0%" class="img-e" alt=""
+ src="../../assets/images/0025-1.jpg" />
</div>
<div class="right" style="width: 48%">
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
Name of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" />
Date and time
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" />
Location
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" />
Greetings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" />
Warnings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" />
Organizer
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" />
Signature
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" />
A short description of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" />
Contact information
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" />
Pictures of the event
</p>
</div>
</div>
+ <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
+ 绛旀锛歂ame of the event,Date & time,Address,Organizer
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -2778,53 +3488,82 @@
lobby of Student Center at</b>6锛�00-8锛�00<b> November</b>16<b>.You're in charge of publicity in the club
and are required to
design a poster for the contest.Complete the necessary
- information in the following poster.</b>
+ information in the following poster.</b> <span class="btn-box"
+ @click="showAnswerTwelve = !showAnswerTwelve">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
- <p class="center">
+ <div class="center poster-img">
<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
+ v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
+ @change="setTestData" />
+ </div>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�
+ <img class="w100" src="../../assets/images/PosterFilling.png">
</p>
<p>
<b>鈪�.Your class has prepared a Chinese culture exhibition for
foreign exchange students.Your group takes the responsibility of
designing a poster for it.Discuss with your partner and try to
answer the questions below to find out what information is
- needed.</b>
+ needed.</b> <span class="btn-box" @click="showAnswerThirteen = !showAnswerThirteen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<div class="dy1-bj4">
- <p class="center"><b>Information to put into our poster</b></p>
+ <p class="center"><b>Information to put into our poster</b>
+ </p>
</div>
<div class="dy1-bj5">
- <p>1.What can be the title of the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">1.What can be the title of the exhibition?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
- <p>2.What should be included in the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� Traditional handicraft show
</p>
- <p>3.Where will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">2.What should be included in the exhibition?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
- <p>4.When will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerThirteen">
+ 绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
</p>
- <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
- <span>绛旀锛�</span>
- <p>1銆� Traditional handicraft show</p>
- <p>
- 2銆� Various handicrafts made by Chinese students in
- theirtraditional Chinese culture courses
- </p>
- <p>3銆� Students activity center.</p>
- <p>4銆� November 13th -- 19th</p>
- </div>
+ <p class="tl-lf">3.Where will the exhibition be held?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛歋tudents activity center
+ </p>
+ <p class="tl-lf">4.When will the exhibition be held?
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ </p>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� November 13th -- 19th
+ </p>
<p>...</p>
</div>
</div>
@@ -2852,9 +3591,17 @@
鈪�<b>.Design a poster for the exhibition according to the
information in the table above.</b>
</p>
- <p class="center">
+ <div class="center poster-design">
<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
- </p>
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
+ @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
+ v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
+ v-model="testData.in.one" @change="setTestData" />
+ </div>
<div class="un-h2">
<h2 id="b004">Unit Project</h2>
</div>
@@ -2908,12 +3655,55 @@
<div class="fieldset-1">
<p class="center">
<b>Questions You May Ask When Planning an Event</b>
+ <span class="btn-box" @click="showAnswerFourteen = !showAnswerFourteen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<p>How many people do you need to make the event happen?</p>
+ <!-- 鏂囨湰妗� -->
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What resources do you need?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What does the audience need to know?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What will hold the audience鈥檚 interest?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What do you hope to achieve through this event?</p>
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
</div>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl">
@@ -2937,6 +3727,153 @@
</button>
</li>
</ul>
+ </div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -2968,10 +3905,15 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
- showAnsweSix: false,
+ showAnswerSix: false,
showAnswerSeven: false,
showAnswerEight: false,
showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
+ showAnswerThirteen: false,
+ showAnswerFourteen: false,
showImg: false,
showImgOne: false,
showQuestionAnswer: false,
@@ -3129,6 +4071,38 @@
},
seven: "",
},
+ lessonThree: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "culture",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "explore",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "subways",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "convenient",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "surprising",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "beach",
+ },
+ },
reading: {
one: "",
two: "",
@@ -3164,6 +4138,11 @@
check: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ checkOne: {
+ isRight: null,
+ answer: ["Name of the event", "Date & time", "Address", "Organizer"],
value: [],
},
tx: {
@@ -3211,6 +4190,117 @@
answer: ["whether", "if", "whether", "whether", "If"],
},
},
+ testOneData: {
+ isComplete: false,
+ // 閫夋嫨
+ dropdownChoiceData: {
+ dropDownListChoice: [
+ "A",
+ "B",
+ "C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "B",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "C",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "A",
+ },
+ },
+ // 鍒ゆ柇
+ dropdownDetermineData: {
+ dropDownListDetermine: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 璇嶄箟杞崲
+ lf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["witnessed", "extraordinary", "via", "era", "pace"],
+ },
+ // 瀹屽舰濉┖
+ ct: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["went through", "Type in", "a matter of", "well off", "Last but not least"],
+ },
+ // 鍙ュ瓙缁撴瀯
+ dropdownStructureData: {
+ dropDownListStructure: [
+ "S+V",
+ "S+V+O",
+ "S+V+C",
+ "S+V+O+O",
+ "S+V+O+C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "S+V+C",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+O",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+C",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "S+V",
+ }
+ },
+ },
resource: {
listenOne: "",
readingOne: "",
@@ -3227,22 +4317,6 @@
"intercity train",
"shared bike",
"take-away service",
- ],
- dropDownListOne: [
- "A",
- "B",
- "C",
- ],
- dropDownListTwo: [
- "T",
- "F",
- ],
- dropDownListThree: [
- "S+V",
- "S+V+O",
- "S+V+P",
- "S+V+O+O",
- "S+V+O+C",
],
dropdownData: {
isComplete: false,
@@ -3292,6 +4366,10 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+ const testOneData = localStorage.getItem("english-lessonTwo");
+ if(testOneData){
+ this.testOneData = JSON.parse(testOneData);
+ }
this.getPath();
},
methods: {
@@ -3301,11 +4379,40 @@
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
+ setTestOneData(){
+ localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
+ },
+ changeTestOneData(){
+ localStorage.removeItem("english-lessonTwo")
+ const TestOneData = this.testOneData
+ for(let key in TestOneData ){
+ let item = TestOneData[key]
+ if( key != "lf" && key != "ct" && key != "isComplete" ){
+ for(let keys in item){
+ const citem = item[keys]
+ if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
+ citem.value = ""
+ citem.isRight = null
+ }
+ }
+ }else if( key != "isComplete"){
+
+ }
+ }
+ this.$set(this.testOneData, "isComplete", false);
+ this.testOneData = TestOneData;
+ this.showlessonTwoQuestionAnswer = false;
+ },
changeTestData() {
localStorage.removeItem("english-testOne");
this.testData = {
isComplete: false,
check: {
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
+ },
+ checkOne: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
value: [],
@@ -3391,7 +4498,7 @@
} else if (type == "showImgOne") {
this.showImgOne = !this.showImgOne;
}
- setTimeout(()=>{ this.$emit("initViewer","")},500)
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
@@ -3424,6 +4531,39 @@
? (this.questionData.warnUp.six.isRight =
this.questionData.warnUp.six.value == "Chinese chess")
: (this.questionData.warnUp.six.isRight = null);
+ }
+ },
+ handleListeningQuestion(type) {
+ if (type == "one") {
+ this.questionData.lessonThree.one.value
+ ? (this.questionData.lessonThree.one.isRight =
+ this.questionData.lessonThree.one.value == "culture")
+ : (this.questionData.lessonThree.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.lessonThree.two.value
+ ? (this.questionData.lessonThree.two.isRight =
+ this.questionData.lessonThree.two.value == "explore")
+ : (this.questionData.lessonThree.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.lessonThree.three.value
+ ? (this.questionData.lessonThree.three.isRight =
+ this.questionData.lessonThree.three.value == "subways")
+ : (this.questionData.lessonThree.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.lessonThree.four.value
+ ? (this.questionData.lessonThree.four.isRight =
+ this.questionData.lessonThree.four.value == "convenient")
+ : (this.questionData.lessonThree.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.lessonThree.five.value
+ ? (this.questionData.lessonThree.five.isRight =
+ this.questionData.lessonThree.five.value == "surprising")
+ : (this.questionData.lessonThree.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.lessonThree.six.value
+ ? (this.questionData.lessonThree.six.isRight =
+ this.questionData.lessonThree.six.value == "beach")
+ : (this.questionData.lessonThree.six.isRight = null);
}
},
handleDropdown(type) {
@@ -3482,6 +4622,24 @@
this.$set(this.testData, "isComplete", true);
this.setTestData();
this.showQuestionAnswer = true;
+ },
+ savaDataOne(){
+ const dropdownDatas = this.testOneData;
+ for (let key in dropdownDatas) {
+ let item = dropdownDatas[key];
+ if( key != "lf" && key != "ct" && key != "isComplete" ){
+ for( let keys in item ){
+ const citem = item[keys]
+ if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.testOneData = dropdownDatas;
+ this.$set(this.testOneData, "isComplete", true);
+ this.setTestOneData();
+ this.showlessonTwoQuestionAnswer = true ;
},
isShowRight(answer, userAnswer, data) {
let flag = null;
@@ -3584,4 +4742,127 @@
outline: none;
}
}
+
+.poster-img {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-one {
+ width: 32%;
+ height: 10%;
+ position: absolute;
+ top: 35%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-two {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 33%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-three {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 21%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-four {
+ width: 25%;
+ height: 6%;
+ position: absolute;
+ bottom: 7%;
+ right: 21%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+// 绗簩涓捣鎶ュ～鍐欙紙鐩稿瀹氫綅锛�
+.poster-design {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-five {
+ width: 23%;
+ height: 10%;
+ position: absolute;
+ top: 12%;
+ left: 26%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-six {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ top: 38%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-seven {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 33%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-eight {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 15%;
+ left: 37%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
</style>
--
Gitblit v1.9.1