From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter001.vue | 2159 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 1,923 insertions(+), 236 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 572afb5..07ae48d 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -283,7 +283,6 @@
<span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
</li>
</ul>
- a
<div class="padding-102">
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
@@ -351,7 +350,7 @@
</p>
<!-- 鏂囨湰妗� -->
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
绛旀锛�(1)Various delicious food (2)Unique architectures
@@ -359,7 +358,7 @@
shadow puppet show, traditional Chinese medicine, Peking Opera
scenery
</p>
- <p class="center"><b>My Experience in Wonderland</b></p>
+ <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
<p class="center">
<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</p>
@@ -372,29 +371,29 @@
</p>
<p>
My
- <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+ <span class="word-bc">incredible</span>
journey to China started in 2017 when I got selected as a foreign
student for PhD studies at one university.When I arrived in
China,I was like Alice in Alice in Wonderland.I was curious about
the people,the culture,the
- <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+ <span class="word-bc" >cuisine</span>
and of course the huge variety of
- <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+ <span class="word-bc" word="landscape">landscapes</span>.
</p>
<p>
I found many great people and made several Chinese friends along
the way.These friends made me see China through the eyes of the
locals.I always found Chinese people very friendly and
- <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+ <span class="word-bc">hospitable</span>
towards foreigners.These Chinese friends made my understanding of
Chinese culture and
- <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+ <span class="word-bc">civilization</span>
much easier,enjoyable and memorable.I consider China my second
home and love it like my own country!
</p>
<p>
You cannot
- <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+ <span class="word-bc">explore</span>
China properly if you do not try its delicious variety of food.If
you ate
</p>
@@ -423,10 +422,10 @@
Chinese food would still never end! Though I love to eat almost
all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
quite
- <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+ <span class="word-bc">mouth-watering</span>
and
- <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
- <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+ <span class="word-bc">stimulating</span>.For a
+ <span class="word-bc">foodie</span>
like me,China is a heaven.I simply cannot live without Chinese
food.
</p>
@@ -436,8 +435,8 @@
its own story and history.From the big and advanced cities like
Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
Hangzhou,each city has its
- <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
- <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+ <span class="word-bc">unique</span>
+ <span class="word-bc" style="margin-left: 5px">atmosphere</span>
that attracts you.I visited more than a dozen cities and came
across their charming features and unique landscapes such as
Huangshan,the Great Wall,Canton Tower.
@@ -1080,8 +1079,9 @@
people.
</p>
<p>
- <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
+ <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
@change="setTestData" />
+
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
@@ -1091,7 +1091,7 @@
greatly promoted the development of ancient Chinese civilization.
</p>
<p>
- <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
+ <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
@change="setTestData" />
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1102,7 +1102,7 @@
tea culture in depth.
</p>
<p>
- <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
+ <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
@change="setTestData" />
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1113,7 +1113,7 @@
Chinese medical science.
</p>
<p>
- <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
+ <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
@change="setTestData" />
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1132,7 +1132,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
+ <img class="w100" :src="imgThirteen" />
</div>
<p>A.Combine the following sentences into if-clauses.</p>
<p>
@@ -1141,7 +1141,7 @@
</p>
<p>
<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
- class="input-bottom-border" @change="setTestData" />.
+ class="input-bottom-border w90" @change="setTestData" />.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛欼f you try using sticks, you can enjoy the fun of having a
@@ -1153,7 +1153,7 @@
</p>
<p>
<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
- class="input-bottom-border" @change="setTestData" />.
+ class="input-bottom-border w90" @change="setTestData" />.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛欼f you go to my Chinese New Year party, you will meet my
@@ -1162,7 +1162,7 @@
<p>3.Drink some Longjing tea,and you will love it.</p>
<p>
<b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
- class="input-bottom-border" @change="setTestData" />.
+ class="input-bottom-border w90" @change="setTestData" />.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛欼f you drink some Longjing tea, you will love it.
@@ -1173,7 +1173,7 @@
</p>
<p>
<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
- class="input-bottom-border" @change="setTestData" />.
+ class="input-bottom-border w90" @change="setTestData" />.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
@@ -1185,7 +1185,7 @@
</p>
<p>
<b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
- class="input-bottom-border" @change="setTestData" />.
+ class="input-bottom-border w90" @change="setTestData" />.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛� If you ask foreigners about their favorite Chinese food,
@@ -1303,7 +1303,7 @@
</span>
</p>
<p>
- 5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text"
+ 5.<input :disabled="testData.isComplete" v-model.trim="testData.cm.five" type="text"
class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit
Chengdu Research Base of Giant
Panda Breeding.
@@ -1335,8 +1335,8 @@
5.If
</p>
<!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80" >
<li>
<button class="btn-border btn-w" @click="saveData">
鎻愪氦
@@ -1460,18 +1460,18 @@
</p>
<div class="bk-wh">
<p class="dl-box">
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+ <span class="word-bc mr-20 dl-span" >exquisite</span>
+ <span class="word-bc mr-20 dl-span">ancient</span><span
+ class="word-bc mr-20 dl-span" >incredible</span><span
+ class="word-bc mr-20 dl-span" >unique</span><span
+ class="word-bc mr-20 dl-span" >traditional</span><span
+ class="word-bc mr-20 dl-span" >outstanding</span><span
+ class="word-bc mr-20 dl-span" >mouth-watering</span><span
+ class="word-bc mr-20 dl-span" >diverse</span><span
+ class="word-bc mr-20 dl-span" >hospitable</span><span
+ class="word-bc mr-20 dl-span" >enjoyable</span><span
+ class="word-bc mr-20 dl-span" >memorable</span><span
+ class="word-bc mr-20 dl-span" >charming</span>
</p>
</div>
<div class="resource-primary-border" style="padding: 8px">
@@ -1485,7 +1485,7 @@
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/ppt_02.png" />
</div>
</div>
<div class="swiper-slide">
@@ -1913,7 +1913,7 @@
<p>
1.We are witnessing the rapid development of modern society.What
impresses you most?
- <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <span class="btn-box" @click="showAnswerTen = !showAnswerTen">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -1925,7 +1925,7 @@
<textarea v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛�(1)intercitut rain(2)online shopping (3)electronic payment
(4)shared bike (5)take-away service (6)facial recognition (7)2022
Beijing Winter Olympics (8)2023 World University Games (9)Hong
@@ -1958,35 +1958,35 @@
<p>
On August 31st,2012,as I landed my feet on Chinese ground,I
started to breathe in the air coming from the
- <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+ <span class="word-bc">breeze</span>
.It was
familiar.I felt so excited to be back in China,though that time
was for my studies.In a matter of days,I made a lot of friends
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" />
+ <span class="word-bc" word="mausoleum">Mausoleum</span>
+ .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>.
+ <span class="word-bc">pace</span>.
</p>
<p>
Six months later,as I walked down the hall of my
- <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+ <span class="word-bc">dormitory</span>
,I met
my
- <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+ <span class="word-bc">neighbour</span>
who was overwhelmed by big and small packages and
boxes.I asked,鈥淗ey,Alison.What are all these?鈥� She
replied,鈥淗ello,Vanessa.I received my packages from the delivery
man.I鈥檝e been buying a lot of stuff
- <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+ <span class="word-bc">via</span>
an online shop.鈥� I went to
my room to turn on my
- <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+ <span class="word-bc">laptop</span>
and typed in the key words.I was
- <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+ <span class="word-bc" word="stun">stunned</span>
; I couldn鈥檛 believe my eyes.It is actually an online
shopping website where you can buy anything you can think of.
</p>
@@ -1994,39 +1994,39 @@
After my graduation in 2015,I joined another university in
Shanghai for further studies.I always saw my Chinese classmates
paying with their phones; this
- <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+ <span class="word-bc" word="trigger">triggered</span>
my attention.With the
help of my classmates,I finally got my own online payment
account.This is an absolute
- <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+ <span class="word-bc">gadget</span>
,very convenient and easy to
use.With the start of this new
- <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+ <span class="word-bc">era</span>
,I always go out without my
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>
<p>
The five aspects that I mentioned above changed the life of
- millions of people around China.The Chinese
- <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+ millions of people around China.The Chinese
+ <span class="word-bc">economy</span>
is
- <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+ <span class="word-bc" word="boom">booming</span>
,which makes people well off.I鈥檝e been in China for several
- years and witnessed China鈥檚
- <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
+ years and witnessed China鈥檚
+ <span class="word-bc" >potential</span>
.
</p>
</div>
@@ -2182,28 +2182,82 @@
blanks.
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <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">
{{ item }}
</option>
</select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
2016,serving people in several cities.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.one.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 2.People can order their desired food,from soup to noodles,from
barbecue to hot pot.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 3.It was at that moment that I knew about the metro system.It
was new,fast,and extraordinary.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2214,46 +2268,134 @@
(F).
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <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">
{{ item }}
</option>
</select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 2.Before Vanessa came to China,she knew a lot about
- the metro
- system.
+ the metro system.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 3.Vanessa didn鈥檛 know about online shopping before
- she met her
- neighbour Alison.
+ she met her neighbour Alison.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 4.Vanessa got her own online payment account by
herself.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- ( <select v-model="dropdownData.one.value" style="width: 8%">
- <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ ( <select 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">
{{ item }}
</option>
</select> ) 5.Buying vegetables and fruits online makes
Vanessa鈥檚 life
easier.
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2266,28 +2408,139 @@
</p>
<p>
1.Tom was shocked by China鈥檚 progress that she had
- <i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ <i>noticed</i>.
+ <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
+ v-model="testOneData.lf.one" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
2.China has made <i>amazing</i> progress in the manufacturing
- industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
3.Ordering platforms supported <i>by</i> various Apps is very
- convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
4.The <i>age</i> of artificial intelligence was brought into being
- by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
5.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
- of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 90px" v-model="testData.in.one" @change="setTestData" />
+ of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.lf.answer, testOneData.lf.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2304,9 +2557,32 @@
</p>
</div>
<p>
- 1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
+ 1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of
+ big
data.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
</div>
</div>
@@ -2330,24 +2606,116 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
+ 2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed
+ goods in
online
shops.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
+ 3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three"
+ @change="setTestOneData" />days.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
+ 4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four"
+ @change="setTestOneData" />.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
+ 5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
+ v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou
+ Spacecrafts
deserve
respect.
+ <span>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testOneData.isComplete &&
+ isTextRight(testOneData.ct.answer, testOneData.ct.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2366,7 +2734,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
+ <img class="w100" :src="imgThirteenOne" />
</div>
<p>
Read the examples and write down the sentence structure of the
@@ -2387,42 +2755,131 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+ v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
- style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+ v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
3.China offers researchers world-class advanced research
- facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+ v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
4.These friends made Vanessa see China through the eyes of the
- locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
+ v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
- <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ 5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
+ <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
+ :value="item">
{{ item }}
</option>
</select> )
+ <span class="icon-box-big">
+ <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2430,15 +2887,15 @@
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="saveData">
+ <button class="btn-border btn-w" @click="savaDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeTestOneData" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -2502,6 +2959,7 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
+ <p class="continued">continued</p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Items</td>
@@ -2510,10 +2968,10 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">Shopping</td>
- <td class="tl-cn">
+ <td class="tl-lf">
We bought necessities mainly in brick-and-mortar stores.
</td>
- <td>Online shopping is very common.</td>
+ <td class="tl-lf">Online shopping is very common.</td>
</tr>
<tr class="table-tr-bc">
<td>
@@ -2565,43 +3023,244 @@
</td>
</tr>
</table>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤15.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤16.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-2銆丮ODULE 1锛坙esson two锛塤17.jpg" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
<h2 id="b002">
<img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" />
</h2>
<h3 id="c008" class="fl al-cn">
<span class="bjh3">Listening</span>
</h3>
-
<p>
<b>鈪�.Listen to Tom,an overseas student,talking about his journey
to China and fill in the blanks with what you hear.</b>
+ <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px"
class="audio"></audio>
<p>
After studying in China for almost three years by now,I call China
- my second homeland.I love the natural beauty,the 1.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the
- people and the food.China is a large country with diverse
- landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
+ my second homeland.I love the natural beauty,the 1
+ <input v-model="questionData.lessonThree.one.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('one')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ the people and the food.China is a large country with diverse
+ landscapes awaiting adventurers to 2.<input v-model="questionData.lessonThree.two.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('two')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>.There
is a modern public transportation system including city
- buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
+ buses,3. <input v-model="questionData.lessonThree.three.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('three')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>,high-speed trains,and airports,as well as a large
highway
- network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
+ network.These make travel 4. <input v-model="questionData.lessonThree.four.value" style="width: 60px"
+ class="input-bottom-border fz-18" @blur="handleListeningQuestion('four')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>and efficient and allow me to go
to many places to enjoy the
- scenery and culture.China鈥檚 natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
- @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
- mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
+ scenery and culture.China鈥檚 natural beauty keeps on 5. <input
+ v-model="questionData.lessonThree.five.value" style="width: 60px" class="input-bottom-border fz-18"
+ @blur="handleListeningQuestion('five')" @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
+ mountains of Shangri-la,from the sandy 6.<input v-model="questionData.lessonThree.six.value"
+ style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('six')"
+ @change="setBookQuestion" />
+ <span class="icon-box-big">
+ <svg v-if="questionData.lessonThree.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionData.lessonThree.six.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>of
Sanya to the rocky seaside of Laoshan鈥� China is such a
beautiful country!
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerSeven">
绛旀锛� 1.culture 2.explore 3.subways
4.convenient 5.surprising 6.beach
</p>
@@ -2609,12 +3268,45 @@
<b>鈪�.Listen to the conversation about planning for the upcoming
Chinese Culture Week and circle the right expressions to
complete the following sentences.</b>
+ <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
style="margin-left: 10px" class="audio"></audio>
<p>
1.They would like to organize an activity for foreign students to
experience Chinese handcrafts / learn Chinese calligraphy.
+ </p>
+ <p>
+ <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+ v-model="expression.one" @change="setExpression" />
+ <span>
+ <svg v-if="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
</div>
</div>
@@ -2641,19 +3333,149 @@
2.They decide to hold a Chinese crafts show / paper-cutting
contest.
</p>
+ <p>
+ <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width:85%"
+ v-model="expression.two" @change="setExpression" />
+ <span>
+ <svg v-if="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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.Linda is to design the posters / reserve rooms.</p>
+ <p>
+ <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+ v-model="expression.three" @change="setExpression" />
+ <span>
+ <svg v-if="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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.Li Hong is to invite students to compete in the contest /
handcraftsmen to show their talent.
</p>
<p>
+ <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+ v-model="expression.four" @change="setExpression" />
+ <span>
+ <svg v-if="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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.Zhang Ping is to arrange the room set-up / send out invitations.
</p>
+ <p>
+ <input :disabled="expression.isComplete" type="text" class="input-bottom-border" style="width: 85%"
+ v-model="expression.five" @change="setExpression" />
+ <span>
+ <svg v-if="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="
+ expression.isComplete &&
+ isTextRight(expression.answer, expression.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="showAnswerEight">
+ 绛旀锛� (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 ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTestTwoData" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEight = !showAnswerEight
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>
1.How do you let others know about an upcoming event?
- <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
+ <span class="btn-box" @click="showAnswerNine = !showAnswerNine">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -2665,13 +3487,13 @@
<textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛� (1)posters (2)Wechat public account (3)Campus
radio (4)Campus TV station (5)Notice
</p>
<p>
2.What information would you like to tell them about the event?
- <span class="btn-box" @click="showAnswerEight = !showAnswerEight">
+ <span class="btn-box" @click="showAnswerEleven = !showAnswerEleven">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -2683,7 +3505,7 @@
<textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
绛旀锛�(1)Name of the event(2)Date & time (3)Address (4)Organizer
</p>
<p>
@@ -2702,53 +3524,337 @@
<p>鈻� Describe your event or why people should attend.</p>
<p>鈻� Include a relevant call to action.</p>
<div class="horizontal" style="display: flex">
- <div class="left" style="width: 48%">
- <p class="center">
- <img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
- </p>
+ <div class="left" style="width: 48%;">
+ <img style="width: 100%; height: auto; margin: 15% 0%" class="img-e" alt=""
+ src="../../assets/images/0025-1.jpg" />
</div>
<div class="right" style="width: 48%">
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" />
Name of the event
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Name of the event'
+ )
+ " 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, 'Name of the event'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" />
Date and time
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Date and time'
+ )
+ " 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, 'Date and time'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" />
Location
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Location'
+ )
+ " 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, 'Location'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" />
Greetings
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Greetings'
+ )
+ " 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, 'Greetings'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" />
Warnings
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Warnings'
+ )
+ " 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, 'Warnings'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" />
Organizer
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Organizer'
+ )
+ " 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, 'Organizer'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" />
Signature
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Signature'
+ )
+ " 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, 'Signature'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="A short description of the event" id="8"
+ v-model="check.value" @change="setCheck" />
A short description of the event
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'A short description of the event'
+ )
+ " 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, 'A short description of the event'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" />
Contact information
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Contact information'
+ )
+ " 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, 'Contact information'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" @change="setCheck" />
Pictures of the event
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Pictures of the event'
+ )
+ " 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, 'Pictures of the event'
+ ) == 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>
+ <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
+ 绛旀锛�1.Name of the event 2.Date & time 3.Address,Organizer
+ </p>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaCheck">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeCheck" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showQuestionAnswer = !showQuestionAnswer
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
</div>
</div>
</div>
@@ -2778,53 +3884,80 @@
lobby of Student Center at</b>6锛�00-8锛�00<b> November</b>16<b>.You're in charge of publicity in the club
and are required to
design a poster for the contest.Complete the necessary
- information in the following poster.</b>
+ information in the following poster.</b> <span class="btn-box"
+ @click="showAnswerTwelve = !showAnswerTwelve">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
- <p class="center">
+ <div class="center poster-img">
<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
+ <input type="text" class="poster-input-box-one" v-model="testTwoData.diy.one" @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-two" v-model="testTwoData.diy.two" @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-three" v-model="testTwoData.diy.three"
+ @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-four" v-model="testTwoData.diy.four"
+ @change="setTestTwoData" />
+ </div>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�
+ <img class="w100" src="../../assets/images/PosterFilling.png">
</p>
<p>
<b>鈪�.Your class has prepared a Chinese culture exhibition for
foreign exchange students.Your group takes the responsibility of
designing a poster for it.Discuss with your partner and try to
answer the questions below to find out what information is
- needed.</b>
+ needed.</b> <span class="btn-box" @click="showAnswerThirteen = !showAnswerThirteen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<div class="dy1-bj4">
- <p class="center"><b>Information to put into our poster</b></p>
+ <p class="center"><b>Information to put into our poster</b>
+ </p>
</div>
<div class="dy1-bj5">
- <p>1.What can be the title of the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">1.What can be the title of the exhibition?
+ <textarea v-model="testTwoData.yc.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
</p>
- <p>2.What should be included in the exhibition?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� Traditional handicraft show
</p>
- <p>3.Where will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+ <p class="tl-lf">2.What should be included in the exhibition?
+ <textarea v-model="testTwoData.yc.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
</p>
- <p>4.When will the exhibition be held?</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" />
+
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerThirteen">
+ 绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
</p>
- <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
- v-if="showlessonThreeQuestionAnswer">
- <span>绛旀锛�</span>
- <p>1銆� Traditional handicraft show</p>
- <p>
- 2銆� Various handicrafts made by Chinese students in
- theirtraditional Chinese culture courses
- </p>
- <p>3銆� Students activity center.</p>
- <p>4銆� November 13th -- 19th</p>
- </div>
+ <p class="tl-lf">3.Where will the exhibition be held?
+ <textarea v-model="testTwoData.yc.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ </p>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛歋tudents activity center
+ </p>
+ <p class="tl-lf">4.When will the exhibition be held?
+ <textarea v-model="testTwoData.yc.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ </p>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
+ 绛旀锛� November 13th -- 19th
+ </p>
<p>...</p>
</div>
</div>
@@ -2852,9 +3985,15 @@
鈪�<b>.Design a poster for the exhibition according to the
information in the table above.</b>
</p>
- <p class="center">
+ <div class="center poster-design">
<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
- </p>
+ <input type="text" class="poster-input-box-five" v-model="testTwoData.da.one" @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-six" v-model="testTwoData.da.two" @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-seven" v-model="testTwoData.da.three"
+ @change="setTestTwoData" />
+ <input type="text" class="poster-input-box-eight" v-model="testTwoData.da.four"
+ @change="setTestTwoData" />
+ </div>
<div class="un-h2">
<h2 id="b004">Unit Project</h2>
</div>
@@ -2908,35 +4047,142 @@
<div class="fieldset-1">
<p class="center">
<b>Questions You May Ask When Planning an Event</b>
+ <span class="btn-box" @click="showAnswerFourteen = !showAnswerFourteen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<p>How many people do you need to make the event happen?</p>
+ <!-- 鏂囨湰妗� -->
+ <textarea v-model="testTwoData.qy.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+ class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What resources do you need?</p>
+ <textarea v-model="testTwoData.qy.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+ class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What does the audience need to know?</p>
+ <textarea v-model="testTwoData.qy.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What will hold the audience鈥檚 interest?</p>
+ <textarea v-model="testTwoData.qy.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+ class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
<p>What do you hope to achieve through this event?</p>
+ <textarea v-model="testTwoData.qy.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2" style="margin-left: 40px; width: 92%"
+ class="fz-16 fm-son" @change="setTestTwoData"></textarea>
+ <!-- 绛旀妗� -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen">
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
+ </p>
</div>
- <!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
- <li>
- <button class="btn-border btn-w" @click="saveData">
- 鎻愪氦
- </button>
- </li>
- <li>
- <button @click="changeTestData" class="btn-border btn-w">
- 閲嶅仛
- </button>
- </li>
- <li>
- <button @click="
- showlessonThreeQuestionAnswer =
- !showlessonThreeQuestionAnswer
- " class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
- </li>
- </ul>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/1-3銆丮ODULE 1锛坙esson three锛塤15.jpg" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -2968,10 +4214,15 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
- showAnsweSix: false,
+ showAnswerSix: false,
showAnswerSeven: false,
showAnswerEight: false,
showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
+ showAnswerThirteen: false,
+ showAnswerFourteen: false,
showImg: false,
showImgOne: false,
showQuestionAnswer: false,
@@ -3129,6 +4380,38 @@
},
seven: "",
},
+ lessonThree: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "culture",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "explore",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "subways",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "convenient",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "surprising",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "beach",
+ },
+ },
reading: {
one: "",
two: "",
@@ -3159,6 +4442,7 @@
nineteen: "",
},
},
+ //page6-7棰橀泦
testData: {
isComplete: false,
check: {
@@ -3210,6 +4494,166 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
+ },
+ //page12-13棰橀泦
+ testOneData: {
+ isComplete: false,
+ // 閫夋嫨
+ dropdownChoiceData: {
+ dropDownListChoice: [
+ "A",
+ "B",
+ "C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "B",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "C",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "A",
+ },
+ },
+ // 鍒ゆ柇
+ dropdownDetermineData: {
+ dropDownListDetermine: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 璇嶄箟杞崲
+ lf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["witnessed", "extraordinary", "via", "era", "pace"],
+ },
+ // 瀹屽舰濉┖
+ ct: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["went through", "Type in", "a matter of", "well off", "Last but not least"],
+ },
+ // 鍙ュ瓙缁撴瀯
+ dropdownStructureData: {
+ dropDownListStructure: [
+ "S+V",
+ "S+V+O",
+ "S+V+C",
+ "S+V+O+O",
+ "S+V+O+C",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "S+V+C",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+O",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "S+V+O+C",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "S+V",
+ }
+ },
+ },
+ //page14-15濉┖
+ expression: {
+ isComplete: false,
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["experience Chinese handicraft", "paper cutting contest", "design the posters", "handicraftsmen to show their talent", "arrange the room set-up"],
+ },
+ //page15 鐩掑瓙澶氶��
+ check: {
+ isRight: null,
+ answer: ["Name of the event", "Date and time", "Address", "Organizer"],
+ value: [],
+ },
+ testTwoData: {
+ diy: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ yc: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ da: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ qy: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ }
},
resource: {
listenOne: "",
@@ -3228,22 +4672,7 @@
"shared bike",
"take-away service",
],
- dropDownListOne: [
- "A",
- "B",
- "C",
- ],
- dropDownListTwo: [
- "T",
- "F",
- ],
- dropDownListThree: [
- "S+V",
- "S+V+O",
- "S+V+P",
- "S+V+O+O",
- "S+V+O+C",
- ],
+ // 涓嬫媺閫夋嫨妗�
dropdownData: {
isComplete: false,
one: {
@@ -3284,7 +4713,7 @@
if (testData) {
this.testData = JSON.parse(testData);
}
- const bookQuestion = localStorage.getItem("english-book-question-one");
+ const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
@@ -3292,14 +4721,40 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+ const testOneData = localStorage.getItem("english-lessonTwo");
+ if (testOneData) {
+ this.testOneData = JSON.parse(testOneData);
+ }
+ const expression = localStorage.getItem("english-lessonThree");
+ if (expression) {
+ this.expression = JSON.parse(expression);
+ }
+ const testTwoData = localStorage.getItem("english-PracticalWriting");
+ if (testTwoData) {
+ this.testTwoData = JSON.parse(testTwoData);
+ }
+
+ const check = localStorage.getItem("english-lessonFour");
+ if (check) {
+ this.check = JSON.parse(check);
+ }
this.getPath();
},
methods: {
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+ },
+ setTestOneData() {
+ localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
+ },
+ setExpression() {
+ localStorage.setItem("english-lessonThree", JSON.stringify(this.expression));
+ },
+ setCheck() {
+ localStorage.setItem("english-lessonFour", JSON.stringify(this.check));
+ },
+ setTestTwoData() {
+ localStorage.setItem("english-PracticalWriting", JSON.stringify(this.testTwoData));
},
changeTestData() {
localStorage.removeItem("english-testOne");
@@ -3354,11 +4809,66 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
};
+ this.showQuestionAnswer = false
+ },
+ changeTestOneData() {
+ localStorage.removeItem("english-lessonTwo")
+ const TestOneData = this.testOneData
+ for (let key in TestOneData) {
+ let item = TestOneData[key]
+ if (key != "lf" && key != "ct" && key != "isComplete") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+ citem.value = ""
+ citem.isRight = null
+ }
+ }
+ } else if (key == "lf" || key == "ct") {
+ for (let blank in item) {
+ if (blank != "answer") {
+ item[blank] = "";
+ }
+ }
+ }
+ }
+ this.$set(this.testOneData, "isComplete", false);
+ this.testOneData = TestOneData;
+ this.showlessonTwoQuestionAnswer = false;
+ },
+ changeTestTwoData() {
+ localStorage.removeItem("english-lessonThree")
+ const Expression = this.expression
+ for (let key in Expression) {
+ if (key != "answer" && key != "isComplete") {
+ Expression[key] = "";
+ }
+ }
+ this.$set(this.expression, "isComplete", false);
+ this.expression = Expression;
+ this.showAnswerEight = false;
+ },
+ changeCheck() {
+ localStorage.removeItem("english-lessonFour")
+ 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.showQuestionAnswer = false
},
setBookQuestion() {
localStorage.setItem(
- "english-book-question-one",
+ "english-book-chapter01-question-one",
JSON.stringify(this.questionData)
);
},
@@ -3391,7 +4901,7 @@
} else if (type == "showImgOne") {
this.showImgOne = !this.showImgOne;
}
- setTimeout(()=>{ this.$emit("initViewer","")},500)
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
@@ -3424,6 +4934,39 @@
? (this.questionData.warnUp.six.isRight =
this.questionData.warnUp.six.value == "Chinese chess")
: (this.questionData.warnUp.six.isRight = null);
+ }
+ },
+ handleListeningQuestion(type) {
+ if (type == "one") {
+ this.questionData.lessonThree.one.value
+ ? (this.questionData.lessonThree.one.isRight =
+ this.questionData.lessonThree.one.value == "culture")
+ : (this.questionData.lessonThree.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.lessonThree.two.value
+ ? (this.questionData.lessonThree.two.isRight =
+ this.questionData.lessonThree.two.value == "explore")
+ : (this.questionData.lessonThree.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.lessonThree.three.value
+ ? (this.questionData.lessonThree.three.isRight =
+ this.questionData.lessonThree.three.value == "subways")
+ : (this.questionData.lessonThree.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.lessonThree.four.value
+ ? (this.questionData.lessonThree.four.isRight =
+ this.questionData.lessonThree.four.value == "convenient")
+ : (this.questionData.lessonThree.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.lessonThree.five.value
+ ? (this.questionData.lessonThree.five.isRight =
+ this.questionData.lessonThree.five.value == "surprising")
+ : (this.questionData.lessonThree.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.lessonThree.six.value
+ ? (this.questionData.lessonThree.six.isRight =
+ this.questionData.lessonThree.six.value == "beach")
+ : (this.questionData.lessonThree.six.isRight = null);
}
},
handleDropdown(type) {
@@ -3482,6 +5025,36 @@
this.$set(this.testData, "isComplete", true);
this.setTestData();
this.showQuestionAnswer = true;
+ },
+ savaDataOne() {
+ const dropdownDatas = this.testOneData;
+ for (let key in dropdownDatas) {
+ let item = dropdownDatas[key];
+ if (key != "lf" && key != "ct" && key != "isComplete") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure") {
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.testOneData = dropdownDatas;
+ this.$set(this.testOneData, "isComplete", true);
+ this.setTestOneData();
+ this.showlessonTwoQuestionAnswer = true;
+ },
+ savaDataTwo() {
+ this.$set(this.expression, "isComplete", true);
+ this.setExpression();
+ this.isTextRight;
+ this.showAnswerEight = true
+ },
+ savaCheck() {
+ this.$set(this.check, "isComplete", true);
+ this.setCheck();
+ this.isShowRight;
+ this.showQuestionAnswer = true
},
isShowRight(answer, userAnswer, data) {
let flag = null;
@@ -3576,9 +5149,123 @@
background-color: red;
}
-.select-border {
+.poster-img {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-one {
+ width: 32%;
+ height: 10%;
+ position: absolute;
+ top: 35%;
+ left: 7%;
border: 0;
- border-bottom: 1px solid #767676;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-two {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 33%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-three {
+ width: 24%;
+ height: 6%;
+ position: absolute;
+ bottom: 21%;
+ left: 7%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-four {
+ width: 25%;
+ height: 6%;
+ position: absolute;
+ bottom: 7%;
+ right: 21%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+// 绗簩涓捣鎶ュ～鍐欙紙鐩稿瀹氫綅锛�
+.poster-design {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-five {
+ width: 23%;
+ height: 10%;
+ position: absolute;
+ top: 12%;
+ left: 26%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-six {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ top: 38%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-seven {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 33%;
+ left: 20%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-eight {
+ width: 16%;
+ height: 10%;
+ position: absolute;
+ bottom: 15%;
+ left: 37%;
+ border: 0;
+ border-bottom: 1px solid #000000;
&:focus {
outline: none;
--
Gitblit v1.9.1