From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 23 七月 2024 14:21:01 +0800
Subject: [PATCH] 英语点击单词卡方法优化
---
src/books/English/view/components/chapter001.vue | 1275 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 893 insertions(+), 382 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 3e03549..50c34a2 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -359,7 +359,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">Wonderland</span> </b></p>
<p class="center">
<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</p>
@@ -372,29 +372,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">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 +423,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 +436,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.
@@ -1336,8 +1336,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">
鎻愪氦
@@ -1461,18 +1461,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">
@@ -1959,35 +1959,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">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">stunned</span>
; I couldn鈥檛 believe my eyes.It is actually an online
shopping website where you can buy anything you can think of.
</p>
@@ -1995,39 +1995,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" >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>
+ <span class="word-bc">economy</span>
is
- <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+ <span class="word-bc">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>
+ <span class="word-bc" >potential</span>
.
</p>
</div>
@@ -2183,32 +2183,34 @@
blanks.
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%">
+ ( <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.
+ 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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%">
+ ( <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 }}
@@ -2216,24 +2218,25 @@
</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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%">
+ ( <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 }}
@@ -2241,20 +2244,20 @@
</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>
+ <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%"
@@ -2266,31 +2269,33 @@
(F).
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%">
+ ( <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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%">
+ ( <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 }}
@@ -2298,24 +2303,25 @@
</select> ) 2.Before Vanessa came to China,she knew a lot about
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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%">
+ ( <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 }}
@@ -2323,24 +2329,25 @@
</select> ) 3.Vanessa didn鈥檛 know about online shopping before
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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%">
+ ( <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 }}
@@ -2348,24 +2355,25 @@
</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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%">
+ ( <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 }}
@@ -2374,20 +2382,20 @@
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>
+ <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%"
@@ -2402,9 +2410,9 @@
<p>
1.Tom was shocked by China鈥檚 progress that she had
<i>noticed</i>.
- <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
- style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" />
- <span>
+ <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)
@@ -2431,7 +2439,7 @@
2.China has made <i>amazing</i> progress in the manufacturing
industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" />
- <span>
+ <span>
<svg v-if="
testOneData.isComplete &&
isTextRight(testOneData.lf.answer, testOneData.lf.two, 1)
@@ -2458,7 +2466,7 @@
3.Ordering platforms supported <i>by</i> various Apps is very
convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" />
- <span>
+ <span>
<svg v-if="
testOneData.isComplete &&
isTextRight(testOneData.lf.answer, testOneData.lf.three, 2)
@@ -2485,7 +2493,7 @@
4.The <i>age</i> of artificial intelligence was brought into being
by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" />
- <span>
+ <span>
<svg v-if="
testOneData.isComplete &&
isTextRight(testOneData.lf.answer, testOneData.lf.four, 3)
@@ -2512,7 +2520,7 @@
5.The <i>rhythm</i> of ancient people鈥檚 lives is slower than that
of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border"
style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" />
- <span>
+ <span>
<svg v-if="
testOneData.isComplete &&
isTextRight(testOneData.lf.answer, testOneData.lf.five, 4)
@@ -2551,7 +2559,8 @@
</div>
<p>
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
+ style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of
+ big
data.
<span>
<svg v-if="
@@ -2599,7 +2608,8 @@
<div class="bodystyle">
<p>
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
+ v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed
+ goods in
online
shops.
<span>
@@ -2627,8 +2637,9 @@
</p>
<p>
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>
+ 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)
@@ -2641,7 +2652,7 @@
</svg>
<svg v-if="
testOneData.isComplete &&
- isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false
+ 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">
@@ -2653,8 +2664,9 @@
</p>
<p>
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>
+ 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)
@@ -2679,7 +2691,8 @@
</p>
<p>
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
+ v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou
+ Spacecrafts
deserve
respect.
<span>
@@ -2743,32 +2756,32 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select
- :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
+ 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
{{ 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>
+ <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 :disabled="testOneData.isComplete"
+ 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2776,96 +2789,97 @@
</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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value"
- style="width: 15%">
+ facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
{{ 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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
+ locals. ( <select class="select-border" :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
{{ 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>
+ <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 :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value"
- style="width: 15%">
+ 5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
+ v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
{{ 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>
+ <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%"
@@ -2874,8 +2888,8 @@
5.S+V
</p>
<!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaDataOne">
鎻愪氦
@@ -3319,6 +3333,32 @@
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>
<div class="preface-bottom">
@@ -3344,19 +3384,144 @@
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)4.handicraftsmen to show their talent (5)5.arrange the room set-up
+ (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>
@@ -3416,50 +3581,332 @@
</div>
<div class="right" style="width: 48%">
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" />
+ <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
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="2" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
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="3" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
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="4" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
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="5" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
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="6" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
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="7" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
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="8" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="A short description of the event" id="8"
+ v-model="check.value" />
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="9" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Contact information" 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="10" v-model="testData.checkOne.value" />
+ <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
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">
绛旀锛歂ame of the event,Date & time,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>
<div class="preface-bottom">
@@ -3499,14 +3946,12 @@
</p>
<div class="center poster-img">
<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one"
- @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one"
- @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-three"
- v-model="testData.in.one" @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one"
- @change="setTestData" />
+ <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">
@@ -3532,16 +3977,16 @@
</div>
<div class="dy1-bj5">
<p class="tl-lf">1.What can be the title of the exhibition?
- <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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 class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen">
绛旀锛� Traditional handicraft show
</p>
<p class="tl-lf">2.What should be included in the exhibition?
- <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <textarea v-model="testTwoData.yc.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+ style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setTestTwoData"></textarea>
</p>
<!-- 绛旀妗� -->
@@ -3550,15 +3995,15 @@
绛旀锛� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses
</p>
<p class="tl-lf">3.Where will the exhibition be held?
- <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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">
@@ -3593,14 +4038,12 @@
</p>
<div class="center poster-design">
<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one"
- @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one"
- @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven"
- v-model="testData.in.one" @change="setTestData" />
- <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight"
- v-model="testData.in.one" @change="setTestData" />
+ <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>
@@ -3665,68 +4108,45 @@
</p>
<p>How many people do you need to make the event happen?</p>
<!-- 鏂囨湰妗� -->
- <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <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>
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
<div class="banshi openImgBox">
@@ -4133,16 +4553,12 @@
nineteen: "",
},
},
+ //page6-7棰橀泦
testData: {
isComplete: false,
check: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
- value: [],
- },
- checkOne: {
- isRight: null,
- answer: ["Name of the event", "Date & time", "Address", "Organizer"],
value: [],
},
tx: {
@@ -4189,7 +4605,13 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
},
+ //page12-13棰橀泦
testOneData: {
isComplete: false,
// 閫夋嫨
@@ -4301,6 +4723,49 @@
}
},
},
+ //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: "",
readingOne: "",
@@ -4318,6 +4783,7 @@
"shared bike",
"take-away service",
],
+ // 涓嬫媺閫夋嫨妗�
dropdownData: {
isComplete: false,
one: {
@@ -4367,52 +4833,40 @@
this.dropdownData = JSON.parse(dropdownData);
}
const testOneData = localStorage.getItem("english-lessonTwo");
- if(testOneData){
+ 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);
}
this.getPath();
},
methods: {
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
- setTestOneData(){
+ setTestOneData() {
localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData));
},
- changeTestOneData(){
- localStorage.removeItem("english-lessonTwo")
- const TestOneData = this.testOneData
- for(let key in TestOneData ){
- let item = TestOneData[key]
- if( key != "lf" && key != "ct" && key != "isComplete" ){
- for(let keys in item){
- const citem = item[keys]
- if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){
- citem.value = ""
- citem.isRight = null
- }
- }
- }else if( key != "isComplete"){
-
- }
- }
- this.$set(this.testOneData, "isComplete", false);
- this.testOneData = TestOneData;
- this.showlessonTwoQuestionAnswer = false;
+ 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");
this.testData = {
isComplete: false,
check: {
- isRight: null,
- answer: ["Culture", "Cuisine", "Landscapes"],
- value: [],
- },
- checkOne: {
isRight: null,
answer: ["Culture", "Cuisine", "Landscapes"],
value: [],
@@ -4461,7 +4915,61 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
};
+ },
+ 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(
@@ -4623,23 +5131,35 @@
this.setTestData();
this.showQuestionAnswer = true;
},
- savaDataOne(){
+ 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;
- }
+ 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 ;
+ 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;
@@ -4732,15 +5252,6 @@
position: fixed;
right: 0;
background-color: red;
-}
-
-.select-border {
- border: 0;
- border-bottom: 1px solid #767676;
-
- &:focus {
- outline: none;
- }
}
.poster-img {
--
Gitblit v1.9.1