From 1e79d06c8db13e5196fad12ad5612946e70720ee Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 16 七月 2024 09:24:21 +0800
Subject: [PATCH] 英语第二单元
---
src/books/English/view/components/chapter001.vue | 69
src/books/English/view/components/chapter002.vue | 2681 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
src/books/English/view/components/chapter005.vue | 1
src/books/English/view/components/index.vue | 2
src/books/English/assets/images/M2LessonOneWarmUp.png | 0
src/books/English/assets/main.less | 29
6 files changed, 2,493 insertions(+), 289 deletions(-)
diff --git a/src/books/English/assets/images/M2LessonOneWarmUp.png b/src/books/English/assets/images/M2LessonOneWarmUp.png
new file mode 100644
index 0000000..2a69de8
--- /dev/null
+++ b/src/books/English/assets/images/M2LessonOneWarmUp.png
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 7d01a86..d98c13a 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -680,6 +680,9 @@
.fl {
display: flex;
}
+ .fd-c{
+ flex-direction: column;
+ }
.fw-wr {
flex-wrap: wrap;
}
@@ -741,11 +744,23 @@
.t0 {
text-indent: 0;
}
+ .h50{
+ height: 50%;
+ }
.w100 {
width: 100%;
}
+ .w80{
+ width: 80%;
+ }
.w45{
width: 45%;
+ }
+ .w50{
+ width: 50%;
+ }
+ .w20{
+ width: 20%;
}
.pd-20 {
padding: 0 20px;
@@ -889,6 +904,13 @@
border: 0;
border-bottom: 1px solid #000000;
width: 86%;
+ &:focus {
+ outline: none;
+ }
+ }
+ .select-border {
+ border: 0;
+ border-bottom: 1px solid #767676;
&:focus {
outline: none;
}
@@ -1038,7 +1060,9 @@
}
.mr-rg{
margin-right: 0;
-
+ }
+ .mr-10{
+ margin-right: 10%;
}
.parimary-btn {
min-width: 80px;
@@ -1148,8 +1172,7 @@
}
.bor-g{
border: 1px solid green;
- padding: 5% 10%;
-
+ padding:2% 2% ;
}
.textarea-box {
border: none;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index ee6150f..fa7f82e 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1337,7 +1337,7 @@
</p>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl ju-cn">
- <ul class="fl ju-ev" style="width:80%">
+ <ul class="fl ju-ev w80" >
<li>
<button class="btn-border btn-w" @click="saveData">
鎻愪氦
@@ -1966,8 +1966,8 @@
from different countries and one afternoon,my friends and I
planned to visit the world-famous Sun Yat-sen
<span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
- .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
- v-model="testData.in.one" @change="setTestData" />
+ .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+ v-model="testData.tg.one" @change="setTestData" />
I looked around with curiosity,and everything seemed to move at a
quick
<span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
@@ -2007,15 +2007,15 @@
wallet.
</p>
<p>
- B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
- v-model="testData.in.one" @change="setTestData" />
+ B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+ v-model="testData.tg.two" @change="setTestData" />
I went through all the necessary procedures and couldn鈥檛 wait to
ride my first shared bike.
</p>
<p>
Last but not least,nearly at the end of 2016,the ordering
platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
+ class="input-bottom-border" style="width: 75%" v-model="testData.tg.three" @change="setTestData" />
What makes my life easier is that I can buy vegetables and fruits
online and get them delivered to my door.
</p>
@@ -2183,7 +2183,7 @@
blanks.
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+ ( <select class="select-border" :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">
@@ -2209,7 +2209,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
+ ( <select class="select-border" :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">
@@ -2235,7 +2235,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
+ ( <select class="select-border" :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">
@@ -2269,7 +2269,7 @@
(F).
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
+ ( <select class="select-border" :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">
@@ -2294,7 +2294,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
+ ( <select class="select-border" :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">
@@ -2320,7 +2320,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
+ ( <select class="select-border" :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">
@@ -2346,7 +2346,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
+ ( <select class="select-border" :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">
@@ -2372,7 +2372,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
+ ( <select class="select-border" :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">
@@ -2756,7 +2756,7 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete"
+ 1.It is actually an online shopping website.( <select class="select-border" :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">
@@ -2781,7 +2781,7 @@
</span>
</p>
<p>
- 2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
+ 2.Vanessa finally got her own online payment account. ( <select class="select-border" :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">
@@ -2807,7 +2807,7 @@
</p>
<p>
3.China offers researchers world-class advanced research
- facilities in the institutes. ( <select :disabled="testOneData.isComplete"
+ facilities in the institutes. ( <select class="select-border" :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">
@@ -2833,7 +2833,7 @@
</p>
<p>
4.These friends made Vanessa see China through the eyes of the
- locals. ( <select :disabled="testOneData.isComplete"
+ locals. ( <select class="select-border" :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">
@@ -2858,7 +2858,7 @@
</span>
</p>
<p>
- 5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete"
+ 5.The list of Chinese food never ends. ( <select class="select-border" :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">
@@ -2888,8 +2888,8 @@
5.S+V
</p>
<!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaDataOne">
鎻愪氦
@@ -3501,8 +3501,8 @@
绛旀锛� (1)experience Chinese handicraft (2)paper cutting contest (3)design the posters
(4)handicraftsmen to show their talent (5)arrange the room set-up
</p>
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaDataTwo">
鎻愪氦
@@ -3886,8 +3886,8 @@
<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 class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaCheck">
鎻愪氦
@@ -4605,6 +4605,11 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
},
//page12-13棰橀泦
testOneData: {
@@ -4912,6 +4917,11 @@
four: "",
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
+ },
+ tg:{
+ one:"",
+ two:"",
+ three:"",
},
};
},
@@ -5245,15 +5255,6 @@
position: fixed;
right: 0;
background-color: red;
-}
-
-.select-border {
- border: 0;
- border-bottom: 1px solid #767676;
-
- &:focus {
- outline: none;
- }
}
.poster-img {
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 3a5af09..c9d8f3d 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -51,47 +51,196 @@
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
</p>
- <div class="fl bor-g">
- <div class="w45">
- <div>
- France
- <span>
- 123
- <!-- <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> -->
- </span>
- <span>
- 456
- <!-- <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> -->
- </span>
+ <div class="bor-g">
+ <div class="fl w100">
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ France:
+ </div>
+ <div class="h50">
+ China:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.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="warmUp.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>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.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="warmUp.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>
+ </div>
+ </div>
</div>
- <div>
- China
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ Italy:
+ </div>
+ <div class="h50">
+ Brazil:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.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="warmUp.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>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.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="warmUp.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>
+ </div>
+ </div>
</div>
</div>
- <div class="w45">
- <div>
- ltaly
- </div>
- <div>
- Brazil
- </div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveData">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeWarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showWarmUpAnswer = !showWarmUpAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
</div>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpAnswer">
+ 绛旀锛� 1.France: 2,c 2.Italy: 3,a 3.China: 4,b
+ 4.Brazil: 1,d
+ </p>
</div>
<p>
<b>鈪�.What are the customs and cultures of other countries you
know? Work with your partner to complete the table below.</b>
+ <span class="btn-box" @click="showAnswerWp = !showAnswerWp">
+ <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>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
@@ -140,6 +289,12 @@
</td>
</tr>
</table>
+ <div class="show-answer-box" v-if="showAnswerWp">
+ <div>绛旀:</div>
+ <div>
+ <img src="../../assets/images/M2LessonOneWarmUp.png" alt="" class="w100" />
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -524,44 +679,176 @@
<p class="center">
<img class="img-b" alt="" src="../../assets/images/0034-1.jpg" />
</p>
+ <p>1.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
+ <p>2.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
+ <p>3.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
+ <p>4.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.four" @change="setQuestionDataOne" /></p>
+ <p>5.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.five" @change="setQuestionDataOne" /></p>
+ <p>6.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.six" @change="setQuestionDataOne" /></p>
<p>
B.Decide whether the following statements are true (T) or false
(F).
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.one.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 1.An employee is usually defined by his/her talents
and
abilities.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 2.During the interview,I didn鈥檛 have difficulty in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.two.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 2.During the interview,I didn鈥檛 have difficulty in
understanding my interviewer.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.three.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 3.In Latvia,it is normal to expect replies by email
after
normal working hours.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues鈥� traditions can
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.four.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 4.Learning about your colleagues鈥� traditions can
help you
move forward.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.five.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 5.Email can make the communication more smooth
because it
conveys the emotions.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.six.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 6.We can learn a lot from each other when working in
a
cross-cultural environment.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.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="questionDataOne.determineData.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>
</p>
<!-- 绛旀 -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -577,15 +864,86 @@
<p>reward銆�disturb銆�tradition銆�accept銆�colleague銆�arise</p>
</div>
<p>
- 1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
+ 1.Working with photographers is one of the most <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.one"
+ @change="setQuestionDataOne" /> parts
of
my job.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.All families must have <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
- <p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />in any working environment.</p>
+ <p>2.All families must have <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.two"
+ @change="setQuestionDataOne" /> that they regularly follow.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.Being late is <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.three" @change="setQuestionDataOne" /> in any
+ working environment.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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>
</div>
</div>
<div class="preface-bottom">
@@ -609,21 +967,89 @@
<div class="bodystyle">
<p>
4.Sarah鈥檚
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataOne.choiceData.four" @change="setQuestionDataOne" />
Li Lin made her feel welcome on her first day
at work.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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.Problems will <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
+ 5.Problems will <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.five" @change="setQuestionDataOne" /> from
+ communication between people
from
different cultures.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.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>
- 6.I鈥檓 sorry to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
+ 6.I鈥檓 sorry to<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.six" @change="setQuestionDataOne" /> you,but
+ can I talk to you for a
moment?
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5)
+ " 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="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5) == 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="showLessonOneQuestionAnswer">
@@ -634,16 +1060,31 @@
B.Underline the following expressions in the passage and make
sentences with them.
</p>
- <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="tl-lf">1.apply for
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.one" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">2.in response to
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.two" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">3.get familiar with
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.three" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">4.take over
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.four" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">5.make an effort
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.five" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
<!-- 渚嬪彞 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -659,29 +1100,26 @@
1.When working in a cross-cultural setting,there can be some
language barriers among employees.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.one" @change="setQuestionDataOne" /></p>
<p>
2.You could go for a walk or jog to manage your frustration at
work.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.two" @change="setQuestionDataOne" /></p>
<p>
3.They gave us some advice on how to correctly handle cultural
differences in the workplace.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.three" @change="setQuestionDataOne" /></p>
<p>
4.Wearing appropriate clothes in the office will make you feel
comfortable and confident.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.four" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -765,35 +1203,25 @@
</p>
</div>
<p>1.To share new ideas with others makes us feel good.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.one" @change="setQuestionDataOne" /></p>
<p>2.To get along well with colleagues is really important.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.two" @change="setQuestionDataOne" /></p>
<p>
3.To have an open mind towards a new culture is necessary in the
workplace.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.three" @change="setQuestionDataOne" /></p>
<p>
4.To think twice before acting is always necessary for everyone.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.four" @change="setQuestionDataOne" /></p>
<p>5.You are very kind to help me with my sales report.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.five" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -808,12 +1236,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="saveDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeQuestionDataOne" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -894,7 +1322,7 @@
</div>
<!-- 27 -->
<div class="page-box" page="33">
- <div v-if="showPageList.indexOf(34) > -1">
+ <div v-if="showPageList.indexOf(33) > -1">
<!-- 澶撮儴 -->
<ul class="preface-odd-header w100 fl ju-bt">
<li class=""></li>
@@ -1108,19 +1536,80 @@
<audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</h3>
<p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
- Future</i> and fill in the blanks.</b></p>
+ Future</i> and fill in the blanks.</b>
+ <span class="btn-box" @click="showWarmUpOneAnswer = !showWarmUpOneAnswer">
+ <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"><b><i>Together for a Shared Future</i></b></p>
<p class="center">There鈥檚 a twinkle in your eye</p>
<p class="center">Reflects the snow that gently covers the tiles</p>
- <p class="center">Fly to the 1.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">Fly to the 1. <input v-model="warmUpOne.one.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('one')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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 class="center">See the world鈥檚 new coat of crystal white</p>
- <p class="center">This feeling you just can鈥檛 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">This feeling you just can鈥檛 2. <input v-model="warmUpOne.two.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('two')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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 class="center">Feels as snow as pure as that azure ice</p>
<p class="center">Fly to the sky</p>
- <p class="center">Ride the 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />watch your fears roll by</p>
+ <p class="center">Ride the 3. <input v-model="warmUpOne.three.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('three')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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>
+ watch your fears roll by
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1143,28 +1632,120 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">When everyone needs 4.
+ <input v-model="warmUpOne.four.value" style="width: 60px" class="input-bottom-border "
+ @blur="handleQuestion('four')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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 class="center">Let鈥檚 go hand in hand and rise above</p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
- <p class="center">We can 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />the sky</p>
+ <p class="center">We can 5. <input v-model="warmUpOne.five.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('five')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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>the sky
+ </p>
<p class="center">We all know how to love</p>
- <p class="center">Open up your 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />and
- that鈥檚 enough</p>
+ <p class="center">Open up your 6. <input v-model="warmUpOne.six.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('six')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.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="warmUpOne.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>and
+ that鈥檚 enough
+ </p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
<p class="center">Together</p>
<p class="center">We can touch the sky</p>
<!--绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpOneAnswer">
绛旀锛�(1)sky (2)deny (3)rainbow (4)love (5)touch (6)heart
</p>
<h3 id="c015"><span class="bjh3">Reading</span></h3>
- <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
- <p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
+ <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?
+ <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
+ <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>
+ <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="showAnswerFour">
+ 绛旀锛�(1) The 鈥淥ne World, One Family鈥� theme of the Opening Ceremony was represented by the image of a single
+ snowflake and was central to the showpiece from beginning to the end of the Ceremony. The theme was based
+ on an ancient Chinese saying which meant that "a truly wise person sees the whole world as a family".
+ (2) With the core expression of "Together for a Shared Future", it gave the world a romantic and beautiful
+ event full of modernity by integrating the concepts of scientific and technological innovation, low-carbon
+ environmental protection and sports and health.
+ </p>
+ <p>2.What impressed you most during the Beijing 2022 Winter Olympics?
+ <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <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>
+ <textarea v-model="questionData.reading.four" 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">
+ 绛旀锛�(1) The twenty-four solar terms of the opening ceremony and the twelve Chinese zodiac signs of the
+ closing ceremony are the romance of the Chinese! It used the most secularized image to symbolize Chinese
+ people and tell Chinese story.
+ (2) I still remember its amazing performances, top-tier competitions, and of course, cheerful friendship
+ and sportsmanship, leaving many with the moments that reflect the true meaning of the Olympic spirit.
+ (3) I was impressed by the heartwarming stories, including the friendship between Russian and Ukrainian
+ athletes, touching celebrations, and gift-changing moments between Chinese and US athletes. A heartfelt
+ "Welcome-to-China" greeting which made a US athlete cry, and two strangers who live thousands of miles
+ apart could become friends thanks to an Olympic gift.
+
+ </p>
<p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
<p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
@play="audioPlay"></audio></p>
@@ -1359,13 +1940,13 @@
<p>A.Read the passage and answer the following questions.</p>
<p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>2.What made the Beijing 2022 Winter Olympics 鈥渆xceptional鈥�?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
</div>
</div>
@@ -1390,8 +1971,8 @@
<div class="bodystyle">
<p>3.How does the author feel about China holding two Olympic Games?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>B.Read the author鈥檚 opinions of the two Olympics,and put the number of the sentence into the right
@@ -1423,27 +2004,137 @@
<p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
necessary.</p>
<p>1.Each <i>person</i> has a particular job within the company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.As a team member,I always <i>take part</i> in the discussions as much as possible.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.She was the winner of the business plan <i>contest</i> in my company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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.He is a good <i>reporter</i> who is curious about new information every time.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.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: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) individual (2) exceptional (3)participate (4)competition (5) journalist
</p>
@@ -1451,15 +2142,86 @@
<div class="bk-wh">
<p>fail to銆�focus on銆�due to銆�move away銆�pay tribute to</p>
</div>
- <p>1.The delivery man was praised by us <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
- positive attitude.</p>
- <p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
- improvement.</p>
- <p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> control his emotions when he saw
- the Chinese flag flying at the Olympic Stadium.</p>
+ <p>1.The delivery man was praised by us <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.one"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> his
+ positive attitude.
+ </p>
+ <p>2.The manager basically <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.two"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> cost reduction and quality
+ improvement.
+ </p>
+ <p>3.Li Ming<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> control his emotions when he saw
+ the Chinese flag flying at the Olympic Stadium.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1482,17 +2244,85 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
- company.</p>
- <p>5.To be creative,we鈥檇 better <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
- traditional ideas at work.</p>
+ <p>4.The boss <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> what she had done for the
+ company.
+ </p>
+ <p>5.To be creative,we鈥檇 better <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.five"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.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> from
+ traditional ideas at work.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) due to (2) focuses on (3)failed to (4)paid tribute to (5) move away
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSix = !showAnswerSix" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+
<p><b>鈪�.Grammar focus:Active and passive voice.</b>
<span class="btn-box" @click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1508,34 +2338,238 @@
<img class="w100" :src="imgThirteenOne" />
</div>
<p>Complete the passage using the correct form of the verbs in the brackets.</p>
- <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <p>Fashion designer Vivienne Tam 1. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.one"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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>
(name) 鈥淵in Yok鈥� when she was born.She was given her English
- name when she started studying in Hong Kong.Her teacher 2. <input :disabled="testData.isComplete"
- type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" /> (teach) English at school but she
- spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ name when she started studying in Hong Kong.Her teacher 2. <input :disabled="questionDataThree.isComplete"
+ type="text" class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.two"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (teach) English at school but she
+ spoke Chinese at home.Her parents 3. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.three"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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>
(tell) her to remember Chinese culture.At the same
- time,Western ideas 4. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
+ time,Western ideas 4. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.four"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (introduce) to her since people
from many cultures were living in Hong
- Kong.This mix of East and West in her life 5. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
- in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ Kong.This mix of East and West in her life 5. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.five"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.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> (see)
+ in her designs even now.Vivienne 6. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.six"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5) == 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>
(move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
- there,so a lot of orders for her clothing 7 <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
- (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
- clothes not only in New York,but also in cities around the world.</p>
+ there,so a lot of orders for her clothing 7 <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.seven"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6) == 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>
+ (place).Today she 8. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.eight"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7)
+ " 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="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7) == 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> (sell) East-meets-West
+ clothes not only in New York,but also in cities around the world.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
绛旀锛�(1)was named (2) taught (3)told (4)were introduced (5) is seen (6)
moved (7) were placed (8) sells
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSeven = !showAnswerSeven" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c016"><span class="bjh3">Mini-project</span></h3>
<p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
@@ -1776,25 +2810,21 @@
</tr>
<tr class="table-tr-bc">
<td>When is it?</td>
- <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
+ <td>1.On<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
</tr>
<tr class="table-tr-bc">
<td>Why do we celebrate it?</td>
- <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />
+ <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" />
Understanding the concept of culture.
- Getting to know each other through the differences in language,3.<input
- :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
+ Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race,
religion and other elements.
- Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />in their own culture.
- .Leading to community 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />and personal growth.</td>
+ Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture.
+ .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
</tr>
</table>
<!-- 绛旀 -->
@@ -1804,27 +2834,299 @@
</p>
<p><b>鈪�.Listen to the conversation and mark the activities when mentioned.</b></p>
<audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
- Lecture on Ancient Chinese History</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &
- Painting Demonstration</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Music</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Sichuan Opera</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Chinese Cuisine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tea Ceremony</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tai Chi</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Medicine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Crafts</p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+ value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
+ Lecture on Ancient Chinese History
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball"
+ value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &
+ Painting Demonstration
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
+ v-model="check.value" />Traditional Chinese Music
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
+ v-model="check.value" />Sichuan Opera
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
+ v-model="check.value" />Chinese Cuisine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
+ v-model="check.value" />Tea Ceremony
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
+ v-model="check.value" />Tai Chi
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
+ id="8" v-model="check.value" />Traditional Chinese Medicine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
+ v-model="check.value" />Traditional Chinese Crafts
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ )
+ " 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="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ ) == 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: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
绛旀锛�(1) Lecture on Ancient Chinese History (2)Calligraphy &
Painting Demonstration (3)Traditional Chinese
Music (4)Tea Ceremony (5) Tai Chi (6) Traditional Chinese Crafts
- </p>
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataCheck">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeCheck" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEight = !showAnswerEight
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1849,17 +3151,33 @@
<div class="bodystyle">
<h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.Why is a schedule important for everyone attending the event?</p>
- <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ <p>1.Why is a schedule important for everyone attending the event?
+ <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"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.eight" 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="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛�(1)Save time and stress (2)Organize all detail (3) Meet your objectives (4)Manage
time for extra tasks
</p>
- <p>2.What are the elements of a schedule?</p>
+ <p>2.What are the elements of a schedule?
+ <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"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<textarea v-model="questionData.reading.one" 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="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛欼t includes dates, locations, programming start and end time.
</p>
@@ -1877,7 +3195,212 @@
</div>
<p><b>鈪�.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
Chinese in the brackets.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0044-2.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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>
+ </td>
+ <td class="wh-no tl-cn">Activities</td>
+ <td class="tl-cn">Location</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ <p class="table-p">Monday 05/15 </p>
+ <p class="table-p">9:30a.m.-11:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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 class="table-p">(涓浗涔︽硶缁樼敾鑲�)</p>
+ <p class="table-p">(Chinese Snacks Provided)</p>
+ </td>
+ <td>
+ Fine Arts Gallery
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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 class="table-p">(5鏈�16鏃ユ槦鏈熶簩)</p>
+ <p class="table-p">9:30a.m.-1l:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Aeademic Lecture</p>
+ <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
+ </td>
+ <td>
+ Conference Hall
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Wednesday 05/17</p>
+ <p class="table-p">6:30p.mm.-8:00p.m.</p>
+ </td>
+ <td>
+ Traditional Chinese Music Performance
+ </td>
+ <td>
+ 4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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>(闊充箰鍘�)
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Thursday 05/18</p>
+ <p class="table-p">2:00p.m.-4:00p.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Workshop</p>
+ <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.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="table-p">Tai Chi</p>
+ <p class="table-p">Traditional Chinese CmAs</p>
+ </td>
+ <td>
+ Media Arts Center
+ </td>
+ </tr>
+ </table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
+ 绛旀锛�(1)Time (2)Chinese Calligraphy & Painting Demonstration &
+ (3)Tuesday 05/16 (4)Concert Hall (5)tea ceremony
+
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTable">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTable" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEleven = !showAnswerEleven
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1932,8 +3455,30 @@
</tr>
<tr class="table-tr-bc">
<td style="text-wrap: nowrap">
- 1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
</td>
<td>Attend the festival activities</td>
<td>
@@ -1944,38 +3489,179 @@
<td>Wednesday</td>
<td>Climb the mountain</td>
<td>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
</td>
</tr>
<tr class="table-tr-bc">
<td>Thursday</td>
<td>Visit attractions in the downtown
- 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ 3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
+ </td>
<td>
Wuhou Temple & Jinsha Site MuseumShunxing Tea House
</td>
</tr>
<tr class="table-tr-bc">
<td>Friday</td>
- <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
+ <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>Buy souvenirs</td>
<td>
Panda Base 5.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.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>
</td>
</tr>
<tr class="table-tr-bc">
<td>Saturday</td>
- <td>6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ <td>6.
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5)
+ " 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="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == 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>
+ </td>
<td>
Shuangliu International Airport
</td>
</tr>
</table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�(1)Tuesday (2)Mt. Qingcheng
+ (3)Watch Sichuan opera (4)See giant pandas (5)Jinli Old Street
+ (6)Return to Kuala Lumpur
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTableOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTableOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerTwelve = !showAnswerTwelve
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<p>鈪�.<b>A delegation from Chiang Mai University is going to visit your college from December</b> 10-12<b> to
promote Chinese language teaching and cultural exchange in Thailand.Arrange a three-day schedule for the
delegation including the activities below.</b></p>
@@ -2414,9 +4100,19 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
+ showAnswerSix: false,
+ showAnswerSeven: false,
+ showAnswerEight: false,
+ showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
showImg: false,
showImgOne: false,
showLessonOneQuestionAnswer: false,
+ showWarmUpAnswer: false,
+ showAnswerWp: false,
+ showWarmUpOneAnswer: false,
rawData: {
left: [
{
@@ -2566,12 +4262,23 @@
value: "",
isRight: null,
answer: "Chinese chess",
- },
- seven: "",
+ }
},
reading: {
one: "",
two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight:"",
+ nine:"",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
},
table: {
one: "",
@@ -2744,9 +4451,261 @@
answer: "facial recognition",
},
},
+ //new
+ warmUp: {
+ isComplete: false,
+ NumList: [
+ "1",
+ "2",
+ "3",
+ "4",
+ ],
+ ChoiceList: [
+ "a",
+ "b",
+ "c",
+ "d",
+ ],
+ one: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "2,c",
+ },
+ two: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "4,b",
+ },
+ three: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "3,a",
+ },
+ four: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "1,d",
+ },
+ },
+ //page 24锛�25锛�26棰橀泦
+ questionDataOne: {
+ isComplete: false,
+ // 鍒ゆ柇
+ determineData: {
+ deterMineList: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 閫夋嫨
+ choiceData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["witnessed", "rewarding", "traditions", "unacceptable", "colleague", "arise",],
+ },
+ //濉┖锛堟棤闇�杩涜鍒ゆ柇锛�
+ rp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ },
+ uf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ tf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ re: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: ""
+ },
+ },
+ //page 27.28绂诲紑杩涜鍒ゆ柇棰�
+ warmUpOne: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "sky",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "deny",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "rainbow",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "love",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "touch",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "heart",
+ },
+ },
+ //page 31,32棰橀泦
+ questionDataTwo: {
+ isComplete: false,
+ rw: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["individual", "exceptional", "participate", "competition", "journalist"],
+ },
+ blanksData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["due to", "focuses on", "failed to", "paid tribute to", "move away"],
+ },
+ },
+ //page 32 鍗曡瘝涓嶅悓褰㈠紡濉┖
+ questionDataThree: {
+ isComplete: false,
+ cp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ answer: ["was named", "taught", "told", "were introduced", "is seen", "moved", "were placed", "sells"],
+ },
+ },
+ //page 33 澶氶�夐
+ check: {
+ isRight: null,
+ answer: ["Lecture on Ancient Chinese History", "Calligraphy & Painting Demonstration", "Traditional Chinese Music", "Tea Ceremony", "Tai Chi", "Traditional Chinese Crafts"],
+ value: [],
+ },
+ //page 34 琛ㄦ牸鍐呭～绌�
+ tableBlanksData:{
+ isComplete: false,
+ rs: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["Time", "Chinese Calligraphy & Painting Demonstration", "Tuesday 05/16", "Concert Hall", "tea ceremony"],
+ },
+ },
+ //page 37 琛ㄦ牸鍐呭～绌�
+ tableBlanksDataOne:{
+ isComplete: false,
+ ma: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
+ },
+ }
};
},
mounted() {
+ // new
+ const warmUp = localStorage.getItem("english-warmUp");
+ if (warmUp) {
+ this.warmUp = JSON.parse(warmUp);
+ }
+ const warmUpOne = localStorage.getItem("english-warmUpOne");
+ if (warmUpOne) {
+ this.warmUpOne = JSON.parse(warmUpOne);
+ }
+ const questionDataOne = localStorage.getItem("english-questionDataOne");
+ if (questionDataOne) {
+ this.questionDataOne = JSON.parse(questionDataOne)
+ }
+ const questionDataTwo = localStorage.getItem("english-questionDataTwo");
+ if (questionDataTwo) {
+ this.questionDataTwo = JSON.parse(questionDataTwo)
+ }
+ const questionDataThree = localStorage.getItem("english-questionDataThree");
+ if (questionDataThree) {
+ this.questionDataThree = JSON.parse(questionDataThree)
+ }
+ const check = localStorage.getItem("english-check");
+ if (check) {
+ this.check = JSON.parse(check)
+ }
+ const tableBlanksData = localStorage.getItem("english-tableBlanksData");
+ if (tableBlanksData) {
+ this.tableBlanksData = JSON.parse(tableBlanksData)
+ }
+ const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
+ if (tableBlanksDataOne ) {
+ this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
+ }
const testData = localStorage.getItem("english-testOne");
if (testData) {
this.testData = JSON.parse(testData);
@@ -2815,12 +4774,148 @@
},
};
},
+ changeWarmUp() {
+ localStorage.removeItem("english-warmUp");
+ for (let key in this.warmUp) {
+ let item = this.warmUp[key]
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ item.value = ""
+ item.values = ""
+ item.isRight = null
+ }
+ }
+ this.$set(this.warmUp, "isComplete", false);
+ this.showWarmUpAnswer = false
+ },
+ changeQuestionDataOne() {
+ localStorage.removeItem("english-questionDataOne");
+ const questionDataOnes = this.questionDataOne
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value = "";
+ citem.isRight = null;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes
+ this.$set(this.questionDataOne, "isComplete", false);
+ this.showLessonOneQuestionAnswer = false
+ },
+ changeQuestionDataTwo() {
+ localStorage.removeItem("english-questionDataTwo");
+ const questionDataTwos = this.questionDataTwo
+ for (let key in questionDataTwos) {
+ let item = questionDataTwos[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataTwo = questionDataTwos
+ this.$set(this.questionDataTwo, "isComplete", false);
+ this.showAnswerSix = false
+ },
+ changeQuestionDataThree() {
+ localStorage.removeItem("english-questionDataThree");
+ const questionDataThrees = this.questionDataThree
+ for (let key in questionDataThrees) {
+ let item = questionDataThrees[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataThree = questionDataThrees
+ this.$set(this.questionDataThree, "isComplete", false);
+ this.showAnswerSeven = false
+ },
+ changeCheck() {
+ localStorage.removeItem("english-check");
+ const Check = this.check
+ for (let key in Check) {
+ if (key != "answer" && key != "isComplete") {
+ Check.value = [];
+ }
+ }
+ this.$set(this.check, "isComplete", false);
+ this.check = Check;
+ this.showAnswerEight = false
+ },
+ changeTable(){
+ localStorage.removeItem("english-tableBlanksData");
+ const tableBlanksDatas = this.tableBlanksData
+ for (let key in tableBlanksDatas) {
+ let item = tableBlanksDatas[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksData = tableBlanksDatas
+ this.$set(this.tableBlanksData, "isComplete", false);
+ this.showAnswerEleven = false
+ },
+ changeTableOne(){
+ localStorage.removeItem("english-tableBlanksDataOne");
+ const tableBlanksDataOnes = this.tableBlanksDataOne
+ for (let key in tableBlanksDataOnes) {
+ let item = tableBlanksDataOnes[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksDataOne = tableBlanksDataOnes
+ this.$set(this.tableBlanksDataOne, "isComplete", false);
+ this.showAnswerTwelve = false
+ },
setBookQuestion() {
console.log("淇濆瓨");
localStorage.setItem(
"english-book-question-one",
JSON.stringify(this.questionData)
);
+ },
+ setWarmUp() {
+ localStorage.setItem("english-warmUp", JSON.stringify(this.warmUp));
+ },
+ setWarmUpOne() {
+ localStorage.setItem("english-warmUpOne", JSON.stringify(this.warmUpOne));
+ },
+ setQuestionDataOne() {
+ localStorage.setItem("english-questionDataOne", JSON.stringify(this.questionDataOne));
+ },
+ setQuestionDataTwo() {
+ localStorage.setItem("english-questionDataTwo", JSON.stringify(this.questionDataTwo));
+ },
+ setQuestionDataThree() {
+ localStorage.setItem("english-questionDataThree", JSON.stringify(this.questionDataThree));
+ },
+ setCheck() {
+ localStorage.setItem("english-check", JSON.stringify(this.check));
+ },
+ setTableBlanksData(){
+ localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
+ },
+ setTableBlanksDataOne(){
+ localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
},
async getPath() {
this.resource.listenOne = await getResourcePath(
@@ -2857,36 +4952,10 @@
setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
- if (type == "one") {
- this.questionData.warnUp.one.value
- ? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
- : (this.questionData.warnUp.one.isRight = null);
- } else if (type == "two") {
- this.questionData.warnUp.two.value
- ? (this.questionData.warnUp.two.isRight =
- this.questionData.warnUp.two.value == "Chinese medicine")
- : (this.questionData.warnUp.two.isRight = null);
- } else if (type == "three") {
- this.questionData.warnUp.three.value
- ? (this.questionData.warnUp.three.isRight =
- this.questionData.warnUp.three.value == "Chinese calligraphy")
- : (this.questionData.warnUp.three.isRight = null);
- } else if (type == "four") {
- this.questionData.warnUp.four.value
- ? (this.questionData.warnUp.four.isRight =
- this.questionData.warnUp.four.value == "Taichi")
- : (this.questionData.warnUp.four.isRight = null);
- } else if (type == "five") {
- this.questionData.warnUp.five.value
- ? (this.questionData.warnUp.five.isRight =
- this.questionData.warnUp.five.value == "sweet dumpling")
- : (this.questionData.warnUp.five.isRight = null);
- } else if (type == "six") {
- this.questionData.warnUp.six.value
- ? (this.questionData.warnUp.six.isRight =
- this.questionData.warnUp.six.value == "Chinese chess")
- : (this.questionData.warnUp.six.isRight = null);
+ if (this.warmUpOne[type].value.trim()) {
+ this.warmUpOne[type].isRight = this.warmUpOne[type].value.trim() == this.warmUpOne[type].answer
+ } else {
+ this.warmUpOne[type].isRight = null
}
},
handleDropdown(type) {
@@ -2917,11 +4986,121 @@
);
},
saveData() {
- console.log(this.testData);
+ const warmUps = this.warmUp;
+ for (let key in warmUps) {
+ let item = warmUps[key];
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ const citem = item.value + ',' + item.values;
+ citem == item.answer ? item.isRight = true : item.isRight = false;
+ }
+ }
+ this.warmUp = warmUps;
+ this.$set(this.warmUp, "isComplete", true);
+ this.setWarmUp();
+ this.isTextRight
+ this.showWarmUpAnswer = true
+ },
+ saveDataOne() {
+ const questionDataOnes = this.questionDataOne;
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes;
+ this.$set(this.questionDataOne, "isComplete", true);
+ this.setQuestionDataOne();
+ this.isTextRight;
+ this.showLessonOneQuestionAnswer = true;
+ },
+ saveDataTwo() {
+ this.$set(this.questionDataTwo, "isComplete", true);
+ this.setQuestionDataTwo();
+ this.isTextRight;
+ this.showAnswerSix = true;
+ },
+ saveDataThree() {
+ this.$set(this.questionDataThree, "isComplete", true);
+ this.setQuestionDataThree();
+ this.isTextRight;
+ this.showAnswerSeven = true;
+ },
+ savaDataCheck() {
+ this.$set(this.check, "isComplete", true);
+ this.setCheck();
+ this.isShowRight;
+ this.showAnswerEight = true
+ },
+ savaDataTable(){
+ this.$set(this.tableBlanksData, "isComplete", true);
+ this.setTableBlanksData();
+ this.isTextRight;
+ this.showAnswerEleven = true;
+ },
+ savaDataTableOne(){
+ this.$set(this.tableBlanksDataOne, "isComplete", true);
+ this.setTableBlanksDataOne();
+ this.isTextRight;
+ this.showAnswerTwelve = true;
+ },
+ 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);
+ }
},
audioPlay() {
this.$emit("closeMiniAudio");
},
+ isTextRight(answer, data, num) {
+ let flag = null;
+ if (data) {
+ flag = answer[num] == data
+ } else {
+ flag = false
+ }
+ return flag;
+ },
+ isShowRight(answer, userAnswer, data) {
+ let flag = null;
+ if (userAnswer.indexOf(data) > -1) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
+ },
},
};
</script>
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 90eea1c..1b61e73 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -43,6 +43,7 @@
<p>plastic waste problem銆�water pollution銆�global warming銆�oil spill銆�air
pollution銆�deforestation</p>
</div>
+
<p class="center"><img class="img-e" alt="" src="../../assets/images/0088-1.jpg" /></p>
<p class="center">1._____________________</p>
<p class="center"><img class="img-e" alt="" src="../../assets/images/0088-2.jpg" /></p>
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 602f068..c20ca2b 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@
// 娴嬭瘯椤甸潰璺宠浆
setTimeout(() => {
- this.gotoPage(3,26);
+ this.gotoPage(6,84);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
--
Gitblit v1.9.1