From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 05 八月 2024 11:57:36 +0800
Subject: [PATCH] 英语PPT结束
---
src/books/English/view/components/chapter003.vue | 3036 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 1,598 insertions(+), 1,438 deletions(-)
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 77264f3..41a3268 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -47,10 +47,16 @@
answer line under each picture.</b>
</p>
<div class="bk-wh">
- <p>
- animal rescue and care銆�blood donation銆�community
- clean-ups銆�language service
- </p>
+ <div style="display: flex">
+ <div class="left" style="width: 50%;">
+ <p class="tl-lf">animal rescue and care</p>
+ <p class="tl-lf">community clean-ups</p>
+ </div>
+ <div class="right" style="width: 50%">
+ <p class="tl-lf">blood donation</p>
+ <p class="tl-lf">language service</p>
+ </div>
+ </div>
</div>
<div class="openImgBox">
<div class="fl ju-bt">
@@ -61,7 +67,7 @@
</p>
<p class="center">
1.
- <select v-model="dropdownData.one.value">
+ <select class="w70 select-border" v-model="dropdownData.one.value">
<option v-for="(item, index) in dropDownList" :key="index"
:value="item">
{{ item }}
@@ -94,11 +100,12 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" />
+ <img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt=""
+ class="w100" />
</p>
<p class="center">
2.
- <select v-model="dropdownData.two.value">
+ <select class="w70 select-border" v-model="dropdownData.two.value">
<option v-for="(item, index) in dropDownList" :key="index"
:value="item">
{{ item }}
@@ -133,11 +140,11 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0049-4.jpg" alt="" class="w100" />
</p>
<p class="center">
3.
- <select v-model="dropdownData.three.value">
+ <select class="w70 select-border" v-model="dropdownData.three.value">
<option v-for="(item, index) in dropDownList" :key="index"
:value="item">
{{ item }}
@@ -170,11 +177,11 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" />
+ <img class="w100" src="../../assets/images/0049-5.jpg" alt="" />
</p>
<p class="center">
4.
- <select v-model="dropdownData.four.value">
+ <select class="w70 select-border" v-model="dropdownData.four.value">
<option v-for="(item, index) in dropDownList" :key="index"
:value="item">
{{ item }}
@@ -225,7 +232,7 @@
<p>
<b>鈪�.Talk to your partner about the types of volunteer work you
know.</b>
- <span class="btn-box" @click="viewNoSubmitData(0,0)">
+ <span class="btn-box" @click="viewNoSubmitData(0, 0)">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
viewBox="0 0 20.501 20.501">
<path class="a"
@@ -261,38 +268,36 @@
</p>
<div style="display: flex">
<div class="left" style="width: 55%; margin-top: 11%">
- <p>1.{{listenOne[0].stem}}</p>
+ <p>1.{{ listenOne[0].stem }}</p>
</div>
<div class="right" style="width: 45%">
- <p v-for="(item,index) in listenOne[0].option" :key="index">
- 銆�<input type="radio" :value="item" name="volunteer"
- v-model="listenOne[0].value" />
- {{item}}
+ <p v-for="(item, index) in listenOne[0].option" :key="index">
+ 銆�<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value"
+ @change="saveListenOneData" />
+ {{ item }}
<span class="icon-box" v-if="listenOne[0].value == item">
<svg v-if="listenOne[0].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">
+ 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="listenOne[0].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">
+ <svg v-if="listenOne[0].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>
-
</div>
</div>
- <div class="event-header-text-bc pd-5"
- v-if="listenOne[0].isShowAnswer">
- 绛旀:{{listenOne[0].answer}}
+ <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
+ 绛旀:{{ listenOne[0].answer }}
</div>
</div>
</div>
@@ -318,26 +323,26 @@
<div class="bodystyle">
<div style="display: flex">
<div class="left" style="width: 55%; margin-top: 11%">
- <p>2.{{listenOne[1].stem}}</p>
+ <p>2.{{ listenOne[1].stem }}</p>
</div>
<div class="right" style="width: 45%">
- <p v-for="(item,index) in listenOne[1].option" :key="index">
- 銆�<input type="radio" :value="item" name="likely"
- v-model="listenOne[1].value" />
- {{item}}
+ <p v-for="(item, index) in listenOne[1].option" :key="index">
+ 銆�<input type="radio" :value="item" name="likely" v-model="listenOne[1].value"
+ @change="saveListenOneData" />
+ {{ item }}
<span class="icon-box" v-if="listenOne[1].value == item">
<svg v-if="listenOne[1].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">
+ 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="listenOne[1].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">
+ <svg v-if="listenOne[1].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>
@@ -346,32 +351,31 @@
</p>
</div>
</div>
- <div class="event-header-text-bc pd-5"
- v-if="listenOne[1].isShowAnswer">
- 绛旀:{{listenOne[1].answer}}
+ <div class="event-header-text-bc pd-5" v-if="listenOne[1].isShowAnswer">
+ 绛旀:{{ listenOne[1].answer }}
</div>
<div style="display: flex">
<div class="left" style="width: 50%; margin-top: 11%">
- <p>3.{{listenOne[2].stem}}</p>
+ <p>3.{{ listenOne[2].stem }}</p>
</div>
<div class="right" style="width: 50%">
- <p v-for="(item,index) in listenOne[2].option" :key="index">
- 銆�<input type="radio" :value="item" name="mentioned"
- v-model="listenOne[2].value" />
- {{item}}
+ <p v-for="(item, index) in listenOne[2].option" :key="index">
+ 銆�<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value"
+ @change="saveListenOneData" />
+ {{ item }}
<span class="icon-box" v-if="listenOne[2].value == item">
<svg v-if="listenOne[2].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">
+ 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="listenOne[2].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">
+ <svg v-if="listenOne[2].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>
@@ -380,9 +384,8 @@
</p>
</div>
</div>
- <div class="event-header-text-bc pd-5"
- v-if="listenOne[2].isShowAnswer">
- 绛旀:{{listenOne[2].answer}}
+ <div class="event-header-text-bc pd-5" v-if="listenOne[2].isShowAnswer">
+ 绛旀:{{ listenOne[2].answer }}
</div>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl ju-cn">
@@ -408,7 +411,7 @@
<p>
1.As the saying goes,鈥淭he rose is in her hand,the flavor in mine.鈥�
What鈥檚 your understanding of this saying?
- <span class="btn-box" @click="viewNoSubmitData(0,1)">
+ <span class="btn-box" @click="viewNoSubmitData(0, 1)">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
viewBox="0 0 20.501 20.501">
<path class="a"
@@ -435,7 +438,7 @@
</div>
<p>
2.In what way do you help others in daily life?
- <span class="btn-box" @click="viewNoSubmitData(0,2)">
+ <span class="btn-box" @click="viewNoSubmitData(0, 2)">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
viewBox="0 0 20.501 20.501">
<path class="a"
@@ -457,12 +460,13 @@
<b>Volunteering and Its Surprising Benefits</b>
</p>
<p class="center">
- <audio :src="resource.readingOne" controls class="audio" ></audio>
+ <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
</p>
<p>
With busy life,it can be hard to find time to
volunteer.However,the benefits of volunteering can be
- <span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
+ <span class="word-bc">enormous</span>
</p>
<p>
One of the most well-known benefits of volunteering is the impact
@@ -472,22 +476,22 @@
need.Volunteering can benefit you and your family as well as the
people you choose to help.Doing volunteer work helps you make new
friends,
- <span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
+ <span class="word-bc">expand</span>
your network,and
- <span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
+ <span class="word-bc">boost</span>
your social skills.
</p>
<p>
Volunteering helps reduce the effects of stress,anger,and
- <span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
+ <span class="word-bc">anxiety</span>
.The social contact aspect of helping and working with
others can have a great effect on your overall mental
health.Nothing reduces stress better than a
- <span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
+ <span class="word-bc">meaningful</span>
connection
to another person.Studies have found that those who volunteer have
a lower
- <span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
+ <span class="word-bc">mortality</span>
rate than those who do not.
</p>
<p>
@@ -496,7 +500,7 @@
field.Even if you鈥檙e not planning to change careers,volunteering
can give you the opportunity to practice important qualities and
skills used in work,such as teamwork,
- <span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
+ <span class="word-bc">communication</span>
skills and
problem-solving skills.You might feel more comfortable stretching
your wings at work once you鈥檝e developed these qualities and
@@ -529,17 +533,17 @@
<p>
What鈥檚 more,volunteering is a fun and easy way to explore your
interests and
- <span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
+ <span class="word-bc">passions</span>
.Doing volunteer work can be a
relaxing,
- <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
+ <span class="word-bc">energizing</span>
escape from your day-to-day routine of
work,school,or family
- <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
+ <span class="word-bc">commitments</span>
.Volunteering also provides you
- with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
+ with <span class="word-bc">creativity</span>
,motivation,and
- <span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
+ <span class="word-bc">vision</span>
that can carry over into
your personal life and your career.
</p>
@@ -550,15 +554,15 @@
spare some time for volunteering service.Not only can volunteering
improve your r茅sum茅,but it can also help connect you to more
people and bring
- <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
+ <span class="word-bc">fulfillment</span>
to your life.
</p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls style="margin-left: 10px" class="audio"
- ></audio>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio>
<p>enormous /瑟藞n蓴藧m蓹s/ <i>adj.</i> 宸ㄥぇ鐨勶紱搴炲ぇ鐨�</p>
<div class="bkbj">
<p><i>extremely large</i></p>
@@ -659,16 +663,16 @@
</p>
</div>
<div style="display: flex">
- <div class="left" style="width: 45%; text-wrap: nowrap">
+ <div class="left" style="width: 45%;">
<p>help out 甯姪瑙ｅ喅闅鹃锛涙晳鍑�</p>
<p>stretch one鈥檚 wings 澶у睍鎷宠剼</p>
- <p>carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
</div>
<div class="right" style="width: 55%">
<p>make a difference 鏈夊奖鍝嶏紱鏈夊叧绯�</p>
<p>what鈥檚 more 鑰屼笖锛涙澶�</p>
</div>
</div>
+ <p class="table-p" style="text-indent: 2em;">carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
<p></p>
<p><b>鈪�.Reading comprehension.</b></p>
<matching :rawData="rawData" :question="question"></matching>
@@ -679,9 +683,9 @@
<p>
1.What might be the reason that people don鈥檛 volunteer?
<span>
- <svg v-if="wordsOne[0].value[0].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">
+ <svg v-if="wordsOne[0].value[0].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>
@@ -699,31 +703,31 @@
</p>
銆�
<p>
- <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[0].userAnswer" />
+ <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
a.People are too busy to volunteer.
</p>
<p>
- <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[0].userAnswer" />
+ <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
b.People can鈥檛 find ways to volunteer.
</p>
<p>
- <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[0].userAnswer" />
+ <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
c.There is no benefit in volunteering.
</p>
<p>
- <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[0].userAnswer" />
+ <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
d.The volunteer work is too hard to do.
</p>
<p>
2.Which of the following is NOT true?
<span>
- <svg v-if="wordsOne[0].value[1].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">
+ <svg v-if="wordsOne[0].value[1].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>
@@ -740,31 +744,31 @@
</span>
</p>
<p>
- <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[1].userAnswer" />
+ <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
a.Volunteering is a win-win behavior for both parties.
</p>
<p>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[1].userAnswer" />
+ <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
b.Small acts of helping others also matter.
</p>
<p>
- <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[1].userAnswer" />
+ <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
c.Those who volunteer enjoy a lower mortality rate.
</p>
<p>
- <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[1].userAnswer" />
+ <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
d.Volunteering has nothing to do with one鈥檚 mental health.
</p>
<p>
3.In what way can volunteering help with one鈥檚 career development?
<span>
- <svg v-if="wordsOne[0].value[2].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">
+ <svg v-if="wordsOne[0].value[2].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>
@@ -781,17 +785,17 @@
</span>
</p>
<p>
- <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
+ <input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete"
v-model="wordsOne[0].value[2].userAnswer" />
a.Providing one with a new career.
</p>
<p>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
+ <input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete"
v-model="wordsOne[0].value[2].userAnswer" />
b.Helping to arouse one鈥檚 interests.
</p>
<p>
- <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
+ <input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete"
v-model="wordsOne[0].value[2].userAnswer" />
c.Offering an opportunity to practice working skills.
</p>
@@ -818,16 +822,16 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- <input type="radio" value="d" name="bothparties"
- v-model="wordsOne[0].value[2].userAnswer" />
+ <input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer"
+ @change="savewordsOne" />
d.Bringing more comfort to those who are at work.
</p>
<p>
4.What suggestion does the writer offer in the last paragraph?
<span>
- <svg v-if="wordsOne[0].value[3].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">
+ <svg v-if="wordsOne[0].value[3].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>
@@ -844,31 +848,31 @@
</span>
</p>
<p>
- <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[3].userAnswer" />
+ <input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
a.Making a plan before volunteering.
</p>
<p>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[3].userAnswer" />
+ <input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
b.Preparing a r茅sum茅 in advance.
</p>
<p>
- <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[3].userAnswer" />
+ <input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
c.Taking a physical and mental health check.
</p>
<p>
- <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[3].userAnswer" />
+ <input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
d.Spending some time volunteering.
</p>
<p>
5.What is the author鈥檚 attitude towards volunteering?
<span>
- <svg v-if="wordsOne[0].value[4].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">
+ <svg v-if="wordsOne[0].value[4].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>
@@ -885,23 +889,23 @@
</span>
</p>
<p>
- <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[4].userAnswer" />
- a.Indifferent.
+ <input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
+ a.Indifferent.
</p>
<p>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[4].userAnswer" />
+ <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
b.Supportive.
</p>
<P>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[4].userAnswer" />
+ <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
c.Opposed.
</P>
<P>
- <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
- v-model="wordsOne[0].value[4].userAnswer" />
+ <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
+ v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
d.Unknown.
</P>
<p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer">
@@ -915,11 +919,11 @@
<p>
There are e
<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
+ style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" />
<span>
- <svg v-if="wordsOne[1].value[0].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">
+ <svg v-if="wordsOne[1].value[0].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>
@@ -936,12 +940,13 @@
</span>
benefits when it comes to volunteering.First,it helps to make the
community a better place,and it also helps you to connect to
- people and b<input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
+ people and b<input :disabled="wordsOne[1].isComplete" type="text"
+ class="input-bottom-border" style="width: 60px"
+ v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" />
<span>
- <svg v-if="wordsOne[1].value[1].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">
+ <svg v-if="wordsOne[1].value[1].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>
@@ -956,12 +961,12 @@
fill="#d81e06" p-id="25746"></path>
</svg> </span>your social skills.Second,volunteering helps to deal with
stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[2].userAnswer"
- @change="setTestData" />
+ class="input-bottom-border" style="width: 60px"
+ v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" />
<span>
- <svg v-if="wordsOne[1].value[2].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">
+ <svg v-if="wordsOne[1].value[2].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>
@@ -976,18 +981,18 @@
fill="#d81e06" p-id="25746"></path>
</svg> </span>.Studies show that people who volunteer have a lower m<input
:disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
+ style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" />
<span>
- <svg v-if="wordsOne[1].value[3].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">
+ <svg v-if="wordsOne[1].value[3].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="wordsOne[1].value[3].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">
+ <svg v-if="wordsOne[1].value[3].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>
@@ -995,12 +1000,12 @@
chance to practice working skills,you will feel more comfortable
at work.Fourth,when you are tied up with the daily
routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[4].userAnswer"
- @change="setTestData" />
+ class="input-bottom-border" style="width: 60px"
+ v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" />
<span>
- <svg v-if="wordsOne[1].value[4].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">
+ <svg v-if="wordsOne[1].value[4].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>
@@ -1015,7 +1020,7 @@
fill="#d81e06" p-id="25746"></path>
</svg> </span>escape,where you can find your interests and p<input
:disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" />
+ style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" />
<span>
<svg v-if="
wordsOne[1].value[5].isRight
@@ -1046,11 +1051,11 @@
B.Underline the following expressions in the passage and make
sentences with them.
</p>
- <p class="tl-lf" v-for="(item,index) in wordsOne[2].value " :key="index" >
- {{index + 1}}.{{item.stem}}
- <textarea v-model="item.userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" :disabled="wordsOne[2].isComplete"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
- @change="setBookQuestion"></textarea>
+ <p class="tl-lf" v-for="(item, index) in wordsOne[2].value " :key="index">
+ {{ index + 1 }}.{{ item.stem }}
+ <textarea v-model="item.userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
+ class="fz-16 fm-son" @change="savewordsOne"></textarea>
</p>
<!-- 渚嬪彞 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1084,7 +1089,7 @@
</p>
<p>
<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
- style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" />
+ style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" />
</p>
<p>
2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
@@ -1092,7 +1097,7 @@
</p>
<p>
<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
- style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" />
+ style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" />
</p>
</div>
</div>
@@ -1122,7 +1127,7 @@
</p>
<p>
<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
- style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" />
+ style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" />
</p>
<p>
4.Volunteering in different programs helps him grow up to be a man
@@ -1130,7 +1135,7 @@
</p>
<p>
<input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
- style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" />
+ style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" />
</p>
<!-- 绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1161,122 +1166,121 @@
</p>
<p>
1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[0].userAnswer"
- @change="setTestData" />
- <span>
- <svg v-if="wordsOne[4].value[0].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="
- wordsOne[4].value[0].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>
+ class="input-bottom-border" style="width: 70px"
+ v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" />
+ <span>
+ <svg v-if="wordsOne[4].value[0].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="
+ wordsOne[4].value[0].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>
(consider) becoming a regular helper in community service.
</p>
<p>
2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[1].userAnswer"
- @change="setTestData" />
- <span>
- <svg v-if="wordsOne[4].value[1].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="
- wordsOne[4].value[1].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>
+ class="input-bottom-border" style="width: 70px"
+ v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" />
+ <span>
+ <svg v-if="wordsOne[4].value[1].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="
+ wordsOne[4].value[1].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>
(plan) to work as a volunteer teacher after graduation.
</p>
<p>
- 3.What you<input :disabled="wordsOne[4].isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[2].userAnswer"
- @change="setTestData" />
- <span>
- <svg v-if="wordsOne[4].value[2].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="
- wordsOne[4].value[2].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>
+ 3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
+ style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" />
+ <span>
+ <svg v-if="wordsOne[4].value[2].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="
+ wordsOne[4].value[2].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>
(do) at present will make a difference to people around you.
</p>
<p>
4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[3].userAnswer"
- @change="setTestData" />
- <span>
- <svg v-if="wordsOne[4].value[3].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="
- wordsOne[4].value[3].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>
+ class="input-bottom-border" style="width: 70px"
+ v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" />
+ <span>
+ <svg v-if="wordsOne[4].value[3].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="
+ wordsOne[4].value[3].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>
(put) a lot of efforts into volunteer work.
</p>
<p>
5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="wordsOne[4].value[4].userAnswer"
- @change="setTestData" />
- <span>
- <svg v-if="wordsOne[4].value[4].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="
- wordsOne[4].value[4].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>
+ class="input-bottom-border" style="width: 70px"
+ v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" />
+ <span>
+ <svg v-if="wordsOne[4].value[4].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="
+ wordsOne[4].value[4].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>
(have) a great time with the old in the nursing home.
</p>
<!-- 绛旀 -->
@@ -1293,18 +1297,18 @@
<img class="img-e" alt="" src="../../assets/images/0054-1.jpg" />
</p>
<p>蹇楁効鑰呮鍦ㄨ緟瀵煎瀛愪滑鍋氬姛璇俱��</p>
- <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" :disabled="wordsOne[5].isComplete"
- style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
+ class="fz-16 fm-son" @change="savewordsOne"></textarea>
</div>
<div class="fieldset-2">
<p class="center">
<img class="img-e" alt="" src="../../assets/images/0054-2.jpg" />
</p>
<p>瀛︾敓浠鍦ㄥ府蹇欏仛鍐滄椿銆�</p>
- <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" :disabled="wordsOne[5].isComplete"
- style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
+ class="fz-16 fm-son" @change="savewordsOne"></textarea>
</div>
</div>
</div>
@@ -1333,18 +1337,18 @@
<img class="img-e" alt="" src="../../assets/images/0055-1.jpg" />
</p>
<p>蹇楁効鑰呮鍦ㄦ矙婊╀笂娓呯悊鍨冨溇銆�</p>
- <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" :disabled="wordsOne[5].isComplete"
- style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
+ class="fz-16 fm-son" @change="savewordsOne"></textarea>
</div>
<div class="fieldset-2">
<p class="center">
<img class="img-e" alt="" src="../../assets/images/0055-2.jpg" />
</p>
<p>蹇楁効鑰呮鍦ㄨ繘琛岃。鐗╂崘璧犳椿鍔ㄣ��</p>
- <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" :disabled="wordsOne[5].isComplete"
- style="margin-left: 20px; width: 92%" class="fz-16 fm-son"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
+ class="fz-16 fm-son" @change="savewordsOne"></textarea>
</div>
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="wordsOne[3].isShowAnswer">
@@ -1427,8 +1431,7 @@
</td>
<td>
<textarea v-model="miniTable[0].value[2].userAnswer"
- class="w100 table-tr-bc b0 table-textarea "
- @change="saveminiTable"></textarea>
+ class="w100 table-tr-bc b0 table-textarea " @change="saveminiTable"></textarea>
</td>
</tr>
</table>
@@ -1522,33 +1525,23 @@
</p>
<div class="bk-wh">
<p class="dl-box">
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood
+ <span class="word-bc mr-20 dl-span"> blood
donation</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'community service')">community service</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing
+ <span class="word-bc mr-20 dl-span">volunteer teacher</span>
+ <span class="word-bc mr-20 dl-span">community service</span>
+ <span class="word-bc mr-20 dl-span">nursing
home</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'rewarding')">rewarding</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'challenging')">challenging</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'demanding')">demanding</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'interesting')">interesting</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'overwhelming')">overwhelming</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'merciful')">merciful</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'kind-hearted')">kind-hearted</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'appreciate')">appreciate</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
+ <span class="word-bc mr-20 dl-span">rewarding</span>
+ <span class="word-bc mr-20 dl-span">challenging</span>
+ <span class="word-bc mr-20 dl-span">demanding</span>
+ <span class="word-bc mr-20 dl-span">interesting</span>
+ <span class="word-bc mr-20 dl-span">overwhelming</span>
+ <span class="word-bc mr-20 dl-span">moving</span>
+ <span class="word-bc mr-20 dl-span">merciful</span>
+ <span class="word-bc mr-20 dl-span">kind-hearted</span>
+ <span class="word-bc mr-20 dl-span">appreciate</span>
+ <span class="word-bc mr-20 dl-span">cherish</span>
+ <span class="word-bc mr-20 dl-span">respect</span>
</p>
</div>
<div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
@@ -1557,137 +1550,147 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤17.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤18.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤19.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤20.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤21.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤22.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤23.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤24.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤25.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤26.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤27.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤28.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/3-1銆丮ODULE 3锛坙esson one 锛塤29.jpg" />
</div>
</div>
</div>
@@ -1707,6 +1710,14 @@
better place and making a difference in people's lives.Work with
your partner to do research online and match the following
organizations with their missions.</b>
+ <span class="btn-box" @click="viewSelectData">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
</div>
</div>
@@ -1730,63 +1741,187 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center">
- <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
+ <p class="tl-lf">
+ a. Its mission is to protect the lives and dignityof victims of armed conflict and violence
+ and toprovide them with assistance.
</p>
+ <p class="tl-lf">
+ b. It saves wildlife and wilderness worldwidethrough science, conservation action,
+ education,and inspires people to value nature.
+ </p>
+ <p class="tl-lf">
+ c.It is committed to helping young people andto improving the environment for their growth
+ in China.
+ </p>
+ <p class="tl-lf">
+ d. It works in over 190 countries and territoriesto save children's lives, to defend their
+ rights,and to help them fulfill their potential, fromearly childhood through adolescence.
+ </p>
+ <div class="openImgBox">
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img style="margin-bottom: 1.5%"
+ src="../../assets/images/page47selectOne.png" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 1.
+ <select class="w45 select-border"
+ v-model="selectData[0].value[0].userAnswer" @change="handleSelectData">
+ <option v-for="(item, index) in selectData[0].option" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box"
+ v-if="selectData[0].value[0].isRight == true || selectData[0].value[0].isRight == false">
+ <img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon"
+ alt="">
+ </span>
+ </p>
+ </div>
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/page47selectTwo.png" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 2.
+ <select class="w45 select-border"
+ v-model="selectData[0].value[1].userAnswer" @change="handleSelectData">
+ <option v-for="(item, index) in selectData[0].option" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box"
+ v-if="selectData[0].value[1].isRight == true || selectData[0].value[1].isRight == false">
+ <img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon"
+ alt="">
+ </span>
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <div class="fl ju-bt">
+ <div class="left" style="width: 48%">
+ <div>
+ <p class="center">
+ <img style="margin: 12.5% 0%"
+ src="../../assets/images/page47selectThree.png" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 3.
+ <select class="w45 select-border"
+ v-model="selectData[0].value[2].userAnswer" @change="handleSelectData">
+ <option v-for="(item, index) in selectData[0].option" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box"
+ v-if="selectData[0].value[2].isRight == true || selectData[0].value[2].isRight == false">
+ <img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon"
+ alt="">
+ </span>
+ </p>
+ </div>
+
+ </div>
+ <div class="right" style="width: 48%">
+ <div>
+ <p class="center">
+ <img src="../../assets/images/page47selectFour.png" alt="" class="w100" />
+ </p>
+ <p class="center">
+ 4.
+ <select class="w45 select-border"
+ v-model="selectData[0].value[3].userAnswer" @change="handleSelectData">
+ <option v-for="(item, index) in selectData[0].option" :key="index"
+ :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box"
+ v-if="selectData[0].value[3].isRight == true || selectData[0].value[3].isRight == false">
+ <img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon"
+ alt="">
+ </span>
+ </p>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <p v-for="(item, index) in selectData[0].value" :key="index" >
+ {{ index + 1 }}.{{ item.answer }}
+ </p>
+ </div>
<h3 id="c024"><span class="bjh3">Reading</span></h3>
<p>
1.More and more organizations and individuals in China are working
in public service.Can you name a few?
- <span class="btn-box" @click="showNoSubmitAnswer(3,0)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <span class="btn-box" @click="showNoSubmitAnswer(3, 0)">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
- <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer"
+ class="w100" @input="saveNoSubmitData"></textarea>
<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
<span>绛旀锛�</span>
- <P v-for="(item,index) in noSubmitData[3].value[0].answer">
- {{index + 1}}.{{item}}
+ <P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index">
+ {{ index + 1 }}.{{ item }}
</p>
</div>
<p>
2.What changes do they bring to China?
- <span class="btn-box" @click="showNoSubmitAnswer(3,1)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <span class="btn-box" @click="showNoSubmitAnswer(3, 1)">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
- <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer"
+ class="w100" @input="saveNoSubmitData"></textarea>
<div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
<span>绛旀锛�</span>
- <P v-for="(item,index) in noSubmitData[3].value[1].answer">
- {{index + 1}}.{{item}}
+ <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index">
+ {{ index + 1 }}.{{ item }}
</p>
</div>
<p class="center"><b>How to Light Up the World</b></p>
- <p class="center"><audio :src="resource.listenOne" controls class="audio"
- ></audio></p>
+ <p class="center">
+ <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
+ </p>
<p>
锛圗xcerpted from the speech 鈥淟earning from a Barefoot Movement鈥濓級
</p>
<p>
If you go all over the world to very
- <span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
+ <span class="word-bc">remote</span>
villages,you will
often find only very old people and very young people.The men have
already left.So,we came up with the simple
- <span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
+ <span class="word-bc">solution</span>
of training
grandmothers.Grandmothers are
- <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
+ <span class="word-bc">compassionate</span>
,
- <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
+ <span class="word-bc">tolerant</span>
,willing to
learn,and patient.All the qualities that you need are there.
</p>
@@ -1794,15 +1929,15 @@
Barefoot College follows the lifestyle of Gandhi:Students
eat,sleep,and work on the floor.They can stay for 20 years,or they
can go home tomorrow.As of today,we鈥檝e trained 604 women
- <span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
+ <span class="word-bc">solar</span>
engineers from 1,083 villages in 63 countries.
</p>
<p>
The engineers have solar-
- <span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
+ <span class="word-bc">electrified</span>
45,000 houses.Please remember
that our students are
- <span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
+ <span class="word-bc">primarily</span>
women who have never left their
villages before.They hate the idea of leaving their families and
getting on a plane.When they reach India,sometimes after 19 hours
@@ -1835,11 +1970,11 @@
do all the training in sign language.Yet in six months,they will
know more about solar engineering than most university
graduates.Some women face problems at home for
- <span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
+ <span class="word-bc">attend</span>
ing Barefoot
College.In most of these traditional societies,the husband
says,鈥淚f you go for
- <span class="word-bc" @click="saveWord($event, 'training')">training</span>
+ <span class="word-bc">training</span>
,don鈥檛 come back to me.I will take
another wife.鈥� Then the wife goes,and when she returns,she helps
provide her village with solar electricity.And her husband
@@ -1849,7 +1984,7 @@
<p>
We taught a woman from Afghanistan.It was the first time a
grandmother had left her village.
- <span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
+ <span class="word-bc">Afterwards</span>
,at a community
gathering,she went to sit with the men,who said,鈥淲hat do you think
you鈥檙e doing? You should be sitting with the women.鈥� And she said
@@ -1865,9 +2000,9 @@
</p>
<p>
I鈥檒l end the passage with a
- <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
+ <span class="word-bc">quotation</span>
from Gandhi:鈥淔irst they
- <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
+ <span class="word-bc">ignore</span>
you,then they laugh at you,then they fight you,and then you
win.鈥�
</p>
@@ -1875,7 +2010,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.listenOne" controls class="audio" ></audio>
+ <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
<p>remote /r瑟藞m蓹蕣t/ <i>adj.</i> 鍋忚繙鐨�</p>
<div class="bkbj">
<p><i>far away from places where other people live</i></p>
@@ -1997,96 +2133,98 @@
<td class="tl-lf table-th-bc">1. So far, what has BarefootCollege achieved?</td>
<td style="width: 65%;">
<p class="table-p"> It has trained l.
- <input :disabled="listenTwo[0].isComplete"
- type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ <input :disabled="listenTwo[0].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[0].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
- women solar engineers.</p>
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[0].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="listenTwo[0].value[0].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>
+ women solar engineers.
+ </p>
<p class="table-p">The women solar engineers are from 2.<input
:disabled="listenTwo[0].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[1].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
- villages in 3.<input
- :disabled="listenTwo[0].isComplete" type="text"
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[1].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="listenTwo[0].value[1].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>
+ villages in 3.<input :disabled="listenTwo[0].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[2].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
- countries.</p>
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[2].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="listenTwo[0].value[2].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>
+ countries.
+ </p>
<p class="table-p">The engineers have solar-electrifed 4.<input
:disabled="listenTwo[0].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[3].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
- homes.</p>
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[3].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="listenTwo[0].value[3].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>
+ homes.
+ </p>
</td>
</tr>
<tr class="table-tr-bc">
@@ -2096,56 +2234,57 @@
:disabled="listenTwo[0].isComplete" type="text"
class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[4].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
- least developed countries
- with engineers.</p>
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[4].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="listenTwo[0].value[4].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>
+ least developed countries
+ with engineers.
+ </p>
<p class="table-p">He wants to reach 6.<input :disabled="listenTwo[0].isComplete"
type="text" class="input-bottom-border input-bc-t" style="width: 70px"
v-model="listenTwo[0].value[5].userAnswer" @input="saveListenTwo" />
- <span class="icon-box" v-if="listenTwo[0].isComplete">
- <svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
- people.</p>
+ <span class="icon-box" v-if="listenTwo[0].isComplete">
+ <svg v-if="listenTwo[0].value[5].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="listenTwo[0].value[5].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>
+ people.
+ </p>
</td>
</tr>
</table>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenTwo[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in listenTwo[0].value" :key="index" class="mr-20">
- {{index + 1}}.{{item.answer}}
+ <span v-for="(item, index) in listenTwo[0].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
</div>
@@ -2174,29 +2313,27 @@
B.Decide whether the following statements are true (T) or false
(F).
</p>
- <p v-for="(item,index) in listenTwo[1].value" :key="index" class="fl al-cn">
+ <p v-for="(item, index) in listenTwo[1].value" :key="index" class="fl al-cn">
<span>
(
- <select class="select-border" v-model="listenTwo[1].value[index].userAnswer" @change="saveListenTwo"
- :disabled="listenTwo[1].isComplete" >
+ <select class="select-border" v-model="listenTwo[1].value[index].userAnswer"
+ @change="saveListenTwo" :disabled="listenTwo[1].isComplete">
<option v-for="(citem, cindex) in listenTwo[1].option" :key="cindex" :value="citem">
- {{ citem }}
+ {{ citem }}
</option>
</select>)
</span>
- <span class="t0">{{index + 1}}.{{item.stem}}</span>
+ <span class="t0">{{ index + 1 }}.{{ item.stem }}</span>
<span class="icon-box" v-if="listenTwo[1].isComplete">
- <svg v-if="item.isRight" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ <svg v-if="item.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="item.isRight == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ <svg v-if="item.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"
@@ -2204,11 +2341,10 @@
</svg>
</span>
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenTwo[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in listenTwo[1].value" :key="index" class="mr-20">
- {{index + 1}}.{{item.answer}}
+ <span v-for="(item, index) in listenTwo[1].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
<p><b>鈪�.Language focus.</b></p>
@@ -2216,21 +2352,20 @@
A.Replace the words in italics with the exact words in the passage
and change the form if necessary.
</p>
- <p v-for="(item,index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
- <span>{{index + 1}}.{{item.stem}}</span>
- <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
+ <p v-for="(item, index) in listenTwo[2].value" :key="index + 'listenTwo'" class="fl fw-wr">
+ <span>{{ index + 1 }}.{{ item.stem }}</span>
+ <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
<span class="icon-box" v-if="listenTwo[2].isComplete">
- <svg v-if="item.isRight" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ <svg v-if="item.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="item.isRight == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ <svg v-if="item.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"
@@ -2238,11 +2373,10 @@
</svg>
</span>
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenTwo[2].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in listenTwo[2].value" :key="index" class="mr-20">
- {{index + 1}}.{{item.answer}}
+ <span v-for="(item, index) in listenTwo[2].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
<p>
@@ -2256,23 +2390,23 @@
</p>
</div>
<p>
- 1.After watching the news,he
- <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
+ 1.After watching the news,he
+ <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[0].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px">
the idea to support the
little girl鈥檚 education.
<span class="icon-box" v-if="listenTwo[3].isComplete">
<svg v-if="listenTwo[3].value[0].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">
+ 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="listenTwo[3].value[0].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">
+ <svg v-if="listenTwo[3].value[0].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>
@@ -2280,44 +2414,46 @@
</span>
</p>
<p>
- 2.Many Irish people
- <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
+ 2.Many Irish people
+ <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[1].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px">
America during the famine
锛堥ゥ鑽掓椂鏈燂級.
<span class="icon-box" v-if="listenTwo[3].isComplete">
<svg v-if="listenTwo[3].value[1].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">
+ 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="listenTwo[3].value[1].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">
+ <svg v-if="listenTwo[3].value[1].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.They <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
- the play <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> a song.
+ <p>3.They <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[2].userAnswer[0]" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px">
+ the play <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[2].userAnswer[1]" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px"> a song.
<span class="icon-box" v-if="listenTwo[3].isComplete">
<svg v-if="listenTwo[3].value[2].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">
+ 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="listenTwo[3].value[2].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">
+ <svg v-if="listenTwo[3].value[2].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>
@@ -2325,21 +2461,21 @@
</span>
</p>
<p>4.The teacher鈥檚 smiles
- <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
- the boy鈥檚 life.
- <span class="icon-box" v-if="listenTwo[3].isComplete">
+ <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[3].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px">
+ the boy鈥檚 life.
+ <span class="icon-box" v-if="listenTwo[3].isComplete">
<svg v-if="listenTwo[3].value[3].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">
+ 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="listenTwo[3].value[3].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">
+ <svg v-if="listenTwo[3].value[3].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>
@@ -2347,33 +2483,32 @@
</span>
</p>
<p>
- 5.Girls in some parts of the world
- <input type="text" :disabled="listenTwo[3].isComplete" v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
- gender discrimination.
- <span class="icon-box" v-if="listenTwo[3].isComplete">
+ 5.Girls in some parts of the world
+ <input type="text" :disabled="listenTwo[3].isComplete"
+ v-model="listenTwo[3].value[4].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenTwo" style="width:80px">
+ gender discrimination.
+ <span class="icon-box" v-if="listenTwo[3].isComplete">
<svg v-if="listenTwo[3].value[4].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">
+ 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="listenTwo[3].value[4].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">
+ <svg v-if="listenTwo[3].value[4].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>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenTwo[3].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in listenTwo[3].value" :key="index" class="mr-20">
- {{index + 1}}.{{ arrayToString(item.answer) }}
+ <span v-for="(item, index) in listenTwo[3].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ arrayToString(item.answer) }}
</span>
</div>
<!-- 鎻愪氦鎸夐挳 -->
@@ -2443,7 +2578,8 @@
<div class="bodystyle">
<h3 id="c025" class="fl al-cn">
<span class="bjh3">Mini-project</span>
- <audio :src="resource.listenTwo" controls class="audio" ></audio>
+ <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
</h3>
<p>
Watch the video and mark what the man has done.Then discuss with
@@ -2451,20 +2587,21 @@
people鈥檚 lives.
</p>
<p>Things the man has done:</p>
- <p v-for="(item,index) in miniProjectTwo[0].option" :key="index">
- <input type="checkbox" name="Hold" :value="item" :disabled="miniProjectTwo[0].isComplete" v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
- {{item}}
+ <p v-for="(item, index) in miniProjectTwo[0].option" :key="index">
+ <input type="checkbox" name="Hold" :value="item" :disabled="miniProjectTwo[0].isComplete"
+ v-model="miniProjectTwo[0].value[0].userAnswer" @change="saveMiniProjectTwo" />
+ {{ item }}
<span class="icon-box" v-if="miniProjectTwo[0].isComplete">
- <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item)" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item)"
+ 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="isShowRight(miniProjectTwo[0].value[0].answer,miniProjectTwo[0].value[0].userAnswer,item) == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(miniProjectTwo[0].value[0].answer, miniProjectTwo[0].value[0].userAnswer, item) == 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
@@ -2473,15 +2610,14 @@
</svg>
</span>
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="miniProjectTwo[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="miniProjectTwo[0].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
- {{index + 1}}.{{ arrayToString(item) }}
+ <span v-for="(item, index) in miniProjectTwo[0].value[0].answer" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ arrayToString(item) }}
</span>
</div>
- <!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl">
<ul class="fl ju-ar w100">
<li>
<button class="btn-border btn-w" @click="handelMiniProjectTwo">
@@ -2522,7 +2658,7 @@
<td>
<textarea v-model="noSubmitData[1].value[0].userAnswer"
class="w100 table-tr-bc b0 table-textarea "
- @change="saveNoSubmitData" ></textarea>
+ @change="saveNoSubmitData"></textarea>
</td>
<td>
<textarea v-model="noSubmitData[1].value[1].userAnswer"
@@ -2568,137 +2704,92 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤17.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
+ <img src="../../assets/images/ppt/3-2銆丮ODULE 3锛坙esson two 锛塤18.jpg" />
</div>
</div>
</div>
@@ -2734,48 +2825,52 @@
<h2 id="b011">
<img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" />
</h2>
- <h3 id="c026"><span class="bjh3">Listening</span></h3>
- <audio :src="resource.listenThree" controls class="audio" ></audio>
+ <h3 id="c026" class="fl al-cn">
+ <span class="bjh3">Listening</span>
+ <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
+ </h3>
<p>
<b>鈪�.Listen to the recording and fill in the blanks with what you
hear.</b>
</p>
+ <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
<p>
Just now,I was giving people
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[0].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">
+ 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="listenThree[0].value[0].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">
+ <svg v-if="listenThree[0].value[0].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>
in Chinese.I am a
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[1].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">
+ 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="listenThree[0].value[1].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">
+ <svg v-if="listenThree[0].value[1].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>
@@ -2783,20 +2878,20 @@
</span>
here in Lotus Lane in Houhai.I鈥檝e lived in Beijing for
24 years and I鈥檓
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[2].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">
+ 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="listenThree[0].value[2].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">
+ <svg v-if="listenThree[0].value[2].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>
@@ -2804,40 +2899,40 @@
</span>
from the United States.My name is
Terry.I鈥檓 64 years old and I鈥檓
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[3].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">
+ 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="listenThree[0].value[3].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">
+ <svg v-if="listenThree[0].value[3].isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
<path
d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
.And I
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[4].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">
+ 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="listenThree[0].value[4].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">
+ <svg v-if="listenThree[0].value[4].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>
@@ -2845,20 +2940,20 @@
</span>
some of my
time volunteering,helping
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[5].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[5].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">
+ 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="listenThree[0].value[5].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">
+ <svg v-if="listenThree[0].value[5].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>
@@ -2869,20 +2964,20 @@
because I love doing things for people.I like to make people
happy.I think by making people happy they make other people
happy.It鈥檚 like
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[6].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[6].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">
+ 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="listenThree[0].value[6].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">
+ <svg v-if="listenThree[0].value[6].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>
@@ -2890,20 +2985,20 @@
</span>
a stone into the river.It makes little
waves and your
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[7].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
<span class="icon-box" v-if="listenThree[0].isComplete">
<svg v-if="listenThree[0].value[7].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">
+ 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="listenThree[0].value[7].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">
+ <svg v-if="listenThree[0].value[7].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>
@@ -2911,32 +3006,31 @@
</span>
can be given to other people.
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenThree[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20">
- {{index + 1}}.{{ arrayToString(item.answer) }}
+ <span v-for="(item, index) in listenThree[0].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ arrayToString(item.answer) }}
</span>
</div>
<p>
<b>鈪�.Listen to the interview and answer the following
questions.</b>
</p>
+ <audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload"
+ class="audio"></audio>
<p>
1.When did Mr.Crossman start volunteering?
<span class="icon-box" v-if="listenThree[1].isComplete">
<svg v-if="listenThree[1].value[0].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">
+ 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="listenThree[1].value[0].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">
+ <svg v-if="listenThree[1].value[0].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>
@@ -2944,30 +3038,29 @@
</span>
</p>
<p>
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[1].value[0].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree">
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenThree[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20">
- {{listenThree[1].value[0].answer}}
+ <span class="mr-20">
+ {{ listenThree[1].value[0].answer }}
</span>
</div>
<p>
2.Why was volunteering not easy in the beginning?
<span class="icon-box" v-if="listenThree[1].isComplete">
<svg v-if="listenThree[1].value[1].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">
+ 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="listenThree[1].value[1].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">
+ <svg v-if="listenThree[1].value[1].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>
@@ -2975,30 +3068,29 @@
</span>
</p>
<p>
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[1].value[1].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree">
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenThree[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20">
- {{listenThree[1].value[1].answer}}
+ <span class="mr-20">
+ {{ listenThree[1].value[1].answer }}
</span>
</div>
<p>
3.What makes him popular?
<span class="icon-box" v-if="listenThree[1].isComplete">
<svg v-if="listenThree[1].value[2].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">
+ 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="listenThree[1].value[2].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">
+ <svg v-if="listenThree[1].value[2].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>
@@ -3006,30 +3098,29 @@
</span>
</p>
<p>
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[1].value[2].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree">
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenThree[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20">
- {{listenThree[1].value[2].answer}}
+ <span class="mr-20">
+ {{ listenThree[1].value[2].answer }}
</span>
</div>
<p>
4.What鈥檚 his understanding of the volunteering spirit?
<span class="icon-box" v-if="listenThree[1].isComplete">
<svg v-if="listenThree[1].value[3].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">
+ 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="listenThree[1].value[3].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">
+ <svg v-if="listenThree[1].value[3].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>
@@ -3037,13 +3128,14 @@
</span>
</p>
<p>
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[1].value[3].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree">
</p>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="listenThree[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20">
- {{listenThree[1].value[3].answer}}
+ <span class="mr-20">
+ {{ listenThree[1].value[3].answer }}
</span>
</div>
<!-- 鎻愪氦鎸夐挳 -->
@@ -3102,18 +3194,21 @@
</p>
<p class="center" style="position: relative;">
<img class="img-a" alt="" src="../../assets/images/0063-1.jpg" />
- <input type="checkbox" style="position: absolute;top:32%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Personal information" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:32%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute;top:32%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Personal information"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:32%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Personal information') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Personal 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
@@ -3121,18 +3216,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute;top:36%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Education background" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:36%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute;top:36%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Education background"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:36%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Education background') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Education background') == 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
@@ -3140,18 +3238,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute;top:39.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:39.5%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute;top:39.5%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Volunteering experience"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:39.5%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Volunteering experience') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Volunteering experience') == 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
@@ -3159,18 +3260,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute;top:43%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:43%;right:2%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute;top:43%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Professional experience"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:43%;right:2%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Professional experience') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Professional experience') == 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
@@ -3178,18 +3282,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute; top:47%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:47%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute; top:47%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Skills and qualifications"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:47%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Skills and qualifications') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Skills and qualifications') == 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
@@ -3197,18 +3304,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute; top:50.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="Interests" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:50.5%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute; top:50.5%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="Interests"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:50.5%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'Interests') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'Interests') == 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
@@ -3216,18 +3326,21 @@
fill="#d81e06" p-id="25746"></path>
</svg>
</span>
- <input type="checkbox" style="position: absolute; top:54.5%;right:28%" v-model="practicalWriting[2].value[0].userAnswer" value="References" @change="savePracticalWriting" />
- <span class="icon-box" v-if="practicalWriting[2].isComplete" style="position: absolute;top:54.5%;right:4%">
- <svg v-if="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References')" t="1716986419862" class="icon"
- viewBox="0 0 1820 1024" version="1.1"
+ <input type="checkbox" style="position: absolute; top:54.5%;right:28%"
+ v-model="practicalWriting[2].value[0].userAnswer" value="References"
+ @change="savePracticalWriting" />
+ <span class="icon-box" v-if="practicalWriting[2].isComplete"
+ style="position: absolute;top:54.5%;right:4%">
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References')"
+ 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="isShowRight(practicalWriting[2].value[0].answer,practicalWriting[2].value[0].userAnswer,'References') == false" t="1716987085767"
- class="icon" viewBox="0 0 1024 1024" version="1.1"
+ <svg v-if="isShowRight(practicalWriting[2].value[0].answer, practicalWriting[2].value[0].userAnswer, 'References') == 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
@@ -3263,44 +3376,42 @@
Chinese.</b>
</p>
<p><b>1.gender</b></p>
- <matching :rawData="rawDataOne" :question="matchingQuestionOne" />
+ <matching :rawData="rawDataOne" :question="matchingQuestionOne" />
<p><b>2.degree level</b></p>
- <matching :rawData="rawDataTwo" :question="matchingQuestionTwo" />
+ <matching :rawData="rawDataTwo" :question="matchingQuestionTwo" />
<p><b>3.language level</b></p>
- <matching :rawData="rawDataThree" :question="matchingQuestionThree" />
+ <matching :rawData="rawDataThree" :question="matchingQuestionThree" />
<p><b>鈪�.Mark the appropriate statement for a profile.</b></p>
- <div v-for="(item,index) in practicalWriting[0].value" :key="index">
+ <div v-for="(item, index) in practicalWriting[0].value" :key="index">
<p>
- <b>{{index + 1}}. {{item.stem}} </b>
+ <b>{{ index + 1 }}. {{ item.stem }} </b>
<span class="icon-box" v-if="practicalWriting[0].isComplete">
- <svg v-if="item.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="item.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>
+ <svg v-if="item.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="item.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 v-for="(citem,cindex) in item.option" :key="cindex">
- <input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer" :value="citem.value" :name="citem.stem" />
- {{citem.value}}.{{citem.txt}}
+ <p v-for="(citem, cindex) in item.option" :key="cindex">
+ <input type="radio" :disabled="practicalWriting[0].isComplete" v-model="item.userAnswer"
+ :value="citem.value" :name="citem.stem" />
+ {{ citem.value }}.{{ citem.txt }}
</p>
</div>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="practicalWriting[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20" v-for="(item,index) in practicalWriting[0].value" :key="index">
- {{index + 1}}.{{item.answer}}
+ <span class="mr-20" v-for="(item, index) in practicalWriting[0].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
</div>
@@ -3339,74 +3450,97 @@
<img class="img-0" alt="" src="../../assets/images/0065-1.jpg" />
</p> -->
<div class="wating-email-box">
- <p class="center"> <b>Volunteer Profle</b> </p>
+ <p class="center"> <b>Volunteer Profle</b> </p>
<div>Personal information</div>
<ul>
<li>
Name:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[0].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
<li>
Nationality:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[1].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
<li>
Gender:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[2].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
<li>
Date of birth:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[3].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
<li>
Email address:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[4].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
<li>
Phone number:
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[5].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</li>
</ul>
<div>
<div>Address:</div>
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[6].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</div>
<div>Qualifications and skills</div>
<div>Education background</div>
- <div class="fl wh-no w50" >
+ <div class="fl wh-no w50">
<span>Degree level:</span>
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[7].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</div>
- <div class="fl wh-no w80" >
+ <div class="fl wh-no w80">
<span>Major:</span>
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[8].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</div>
- <div class="fl wh-no w100" >
+ <div class="fl wh-no w100">
<span>University/College:</span>
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[9].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</div>
<div>
<div>Other qualifcations, short courses and training</div>
- <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
+ <textarea name="" id="" cols="30" rows="10"
+ v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea>
</div>
- <div class="fl wh-no w100" >
+ <div class="fl wh-no w100">
<span>Language level:</span>
- <input type="text" :disabled="practicalWriting[1].isComplete" v-model="practicalWriting[1].value[8].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" >
+ <input type="text" :disabled="practicalWriting[1].isComplete"
+ v-model="practicalWriting[1].value[11].userAnswer"
+ class="input-bottom-border input-bc-t" @input="saveListenThree">
</div>
<div>
<div>Volunteering experience</div>
- <textarea name="" id="" cols="30" rows="10" v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
+ <textarea name="" id="" cols="30" rows="10"
+ v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea>
</div>
</div>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="practicalWriting[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
<span>绛旀锛�</span>
- <span class="mr-20" v-for="(item,index) in practicalWriting[1].value" :key="index">
- {{index + 1}}.{{item.answer}}
+ <span class="mr-20" v-for="(item, index) in practicalWriting[1].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
- <!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl">
<ul class="fl ju-ar w100">
<li>
<button class="btn-border btn-w" @click="handlePracticalWriting">
@@ -3482,14 +3616,16 @@
<td style="text-align: left">
Self-introduction:
<textarea v-model="noSubmitData[2].value[0].userAnswer" rows="6"
- class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
+ class="w100 table-tr-bc table-textarea w95"
+ @change="saveNoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td style="text-align: left">
Questions that could be asked and your answers:
<textarea v-model="noSubmitData[2].value[1].userAnswer" rows="6"
- class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
+ class="w100 table-tr-bc table-textarea w95"
+ @change="saveNoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -3524,14 +3660,16 @@
<td style="text-align: left">
The volunteer evaluation rubric:
<textarea v-model="noSubmitData[2].value[2].userAnswer" rows="6"
- class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
+ class="w100 table-tr-bc table-textarea w95"
+ @change="saveNoSubmitData"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td style="text-align: left">
Question list:
<textarea v-model="noSubmitData[2].value[3].userAnswer" rows="6"
- class="w100 table-tr-bc table-textarea w95" @change="saveNoSubmitData"></textarea>
+ class="w100 table-tr-bc table-textarea w95"
+ @change="saveNoSubmitData"></textarea>
</td>
</tr>
</table>
@@ -3561,139 +3699,75 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/3-3銆丮ODULE 3锛坙esson three 锛塤14.jpg" />
</div>
</div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
- </div>
- </div>
+
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
@@ -3725,6 +3799,8 @@
},
data() {
return {
+ correctIcon: require('@/assets/images/correct.svg'),
+ errorIcon: require('@/assets/images/error.svg'),
imgThirteen: require("../../assets/images/grammar3-1.png"),
imgThirteenOne: require("../../assets/images/grammar3-1.png"),
showAnswerOne: false,
@@ -3851,7 +3927,7 @@
value: [],
answerImg: require("../../assets/images/matching-two.png"),
},
- rawDataOne:{
+ rawDataOne: {
left: [
{
oldId: "FB34",
@@ -3873,7 +3949,7 @@
},
],
},
- matchingQuestionOne:{
+ matchingQuestionOne: {
KnowledgePoint: "123",
analysis: "123",
answer: [
@@ -3973,7 +4049,7 @@
nine: "",
},
},
- rawDataTwo:{
+ rawDataTwo: {
left: [
{
oldId: "FB34",
@@ -4001,7 +4077,7 @@
oldId: "43DB",
txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
},
-
+
{
oldId: "44DE",
txt: "b.涓鏁欒偛",
@@ -4020,7 +4096,7 @@
},
],
},
- matchingQuestionTwo:{
+ matchingQuestionTwo: {
KnowledgePoint: "123",
analysis: "123",
answer: [
@@ -4059,7 +4135,7 @@
oldId: "43DB",
txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟",
},
-
+
{
oldId: "44DE",
txt: "b.涓鏁欒偛",
@@ -4110,7 +4186,7 @@
value: [],
answerImg: require("../../assets/images/matching-8.png"),
},
- rawDataThree:{
+ rawDataThree: {
left: [
{
oldId: "FB34",
@@ -4157,7 +4233,7 @@
],
},
- matchingQuestionThree:{
+ matchingQuestionThree: {
KnowledgePoint: "123",
analysis: "123",
answer: [
@@ -4306,8 +4382,10 @@
listenOne: "",
readingOne: "",
readingTwo: "",
- listenTwo:"",
- listenThree:""
+ readingThree: "",
+ readingFour: "",
+ listenTwo: "",
+ listenThree: ""
},
dropDownList: [
"animal rescue and care",
@@ -4339,524 +4417,524 @@
},
// 鏂板
// 鍙渶濉┖鐨勯
- noSubmitData:[
+ noSubmitData: [
{
- type:"shortAnswer",
- value:[
+ type: "shortAnswer",
+ value: [
{
- userAnswer:"",
- isShowAnswer:false
+ userAnswer: "",
+ isShowAnswer: false
},
{
- userAnswer:"",
- isShowAnswer:false,
+ userAnswer: "",
+ isShowAnswer: false,
},
{
- userAnswer:"",
- isShowAnswer:false,
+ userAnswer: "",
+ isShowAnswer: false,
}
]
},
{
- type:'table',
- value:[
+ type: 'table',
+ value: [
{
- userAnswer:"",
+ userAnswer: "",
},
{
- userAnswer:"",
+ userAnswer: "",
},
{
- userAnswer:"",
+ userAnswer: "",
},
{
- userAnswer:""
+ userAnswer: ""
},
{
- userAnswer:""
+ userAnswer: ""
},
{
- userAnswer:""
+ userAnswer: ""
},
{
- userAnswer:""
+ userAnswer: ""
},
{
- userAnswer:""
+ userAnswer: ""
},
]
},
{
- type:'worksheet',
- value:[
+ type: 'worksheet',
+ value: [
{
- userAnswer:'',
+ userAnswer: '',
},
{
- userAnswer:'',
+ userAnswer: '',
},
{
- userAnswer:'',
+ userAnswer: '',
},
{
- userAnswer:'',
+ userAnswer: '',
},
]
},
{
- type:'shortAnswer',
- value:[
+ type: 'shortAnswer',
+ value: [
{
- userAnswer:'',
- answer:[
+ userAnswer: '',
+ answer: [
'China Rural Doctors Program',
'China Foundation for Rural Development',
'Shanghai Oasis Green Food Bank',
'閽变竷铏�(Qian Qihu)'
],
- isShowAnswer:false,
+ isShowAnswer: false,
},
{
- userAnswer:'',
- answer:[
+ userAnswer: '',
+ answer: [
'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.',
'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.',
'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.',
'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible 鈥淯nderground Steel Great Wall.鈥� He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people鈥檚 life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.',
],
- isShowAnswer:false,
+ isShowAnswer: false,
},
]
}
],
- listenOne:[
+ listenOne: [
{
- id:0,
- value:'',
- stem:"Why do you want to be a volunteer?",
- option:['You can change lives.','You can stay with friends.','You can teach new skills.','You can make more money.'],
- answer:'You can change lives.',
- isRight:null,
- isComplete:false,
- isShowAnswer:false,
+ id: 0,
+ value: '',
+ stem: "Why do you want to be a volunteer?",
+ option: ['You can change lives.', 'You can stay with friends.', 'You can teach new skills.', 'You can make more money.'],
+ answer: 'You can change lives.',
+ isRight: null,
+ isComplete: false,
+ isShowAnswer: false,
},
{
- id:1,
- value:'',
- stem:'Who are more likely to be volunteers?',
- option:[' College students.','Nonprofessionals.','People without jobs.','Children.'],
- answer:'College students',
- isRight:null,
- isComplete:false,
- isShowAnswer:false,
+ id: 1,
+ value: '',
+ stem: 'Who are more likely to be volunteers?',
+ option: [' College students.', 'Nonprofessionals.', 'People without jobs.', 'Children.'],
+ answer: 'College students',
+ isRight: null,
+ isComplete: false,
+ isShowAnswer: false,
},
{
- id:3,
- value:'',
- stem:'.Which activity is NOT mentioned in the video?',
- option:['Volunteering in sport.','Emergency services.','Helping people with disabilities.','Teaching.'],
- answer:'Helping people with disabilities.',
- isRight:null,
- isComplete:false,
- isShowAnswer:false,
+ id: 3,
+ value: '',
+ stem: '.Which activity is NOT mentioned in the video?',
+ option: ['Volunteering in sport.', 'Emergency services.', 'Helping people with disabilities.', 'Teaching.'],
+ answer: 'Helping people with disabilities.',
+ isRight: null,
+ isComplete: false,
+ isShowAnswer: false,
},
],
- wordsOne:[
+ wordsOne: [
{
- type:"judge",
- isShowAnswer:false,
- isComplete:false,
- value:[
+ type: "judge",
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
{
- answer:"a",
- userAnswer:"",
+ answer: "a",
+ userAnswer: "",
},
{
- answer:"d",
- userAnswer:"",
+ answer: "d",
+ userAnswer: "",
},
{
- answer:"c",
- userAnswer:"",
+ answer: "c",
+ userAnswer: "",
},
{
- answer:"d",
- userAnswer:""
+ answer: "d",
+ userAnswer: ""
},
{
- answer:"b",
- userAnswer:""
+ answer: "b",
+ userAnswer: ""
},
]
},
{
- type:'fill',
- isShowAnswer:false,
- isComplete:false,
- value:[
+ type: 'fill',
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
{
- userAnswer:"",
- answer:"enormous",
- isRight:null
+ userAnswer: "",
+ answer: "enormous",
+ isRight: null
},
{
- userAnswer:"",
- answer:"boost",
- isRight:null
+ userAnswer: "",
+ answer: "boost",
+ isRight: null
},
{
- userAnswer:"",
- answer:"anxiety",
- isRight:null
+ userAnswer: "",
+ answer: "anxiety",
+ isRight: null
},
{
- userAnswer:"",
- answer:"mortality",
- isRight:null
+ userAnswer: "",
+ answer: "mortality",
+ isRight: null
},
{
- userAnswer:"",
- answer:"energizing",
- isRight:null
+ userAnswer: "",
+ answer: "energizing",
+ isRight: null
},
{
- userAnswer:"",
- answer:"passion",
- isRight:null
+ userAnswer: "",
+ answer: "passion",
+ isRight: null
},
]
},
{
- type:'shortAnswer',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'shortAnswer',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- stem:'help out',
- userAnswer:'',
- answer:'I helped out with the check-in of athletes at the sports game.',
- isRight:null
+ stem: 'help out',
+ userAnswer: '',
+ answer: 'I helped out with the check-in of athletes at the sports game.',
+ isRight: null
},
{
- stem:'make a difference',
- userAnswer:'',
- answer:'No matter how small the deed is, it will make a difference to people who are in need.',
- isRight:null
+ stem: 'make a difference',
+ userAnswer: '',
+ answer: 'No matter how small the deed is, it will make a difference to people who are in need.',
+ isRight: null
},
{
- stem:'stretch one鈥檚 wings',
- userAnswer:'',
- answer:'Your experience of volunteering will help you to stretch your wings in your future career.',
- isRight:null
+ stem: 'stretch one鈥檚 wings',
+ userAnswer: '',
+ answer: 'Your experience of volunteering will help you to stretch your wings in your future career.',
+ isRight: null
},
{
- stem:'what鈥檚 more',
- userAnswer:'',
- answer:'Volunteering does good to one鈥檚 body; what鈥檚 more, it鈥檚 also good for one鈥檚 mental health.',
- isRight:null
+ stem: 'what鈥檚 more',
+ userAnswer: '',
+ answer: 'Volunteering does good to one鈥檚 body; what鈥檚 more, it鈥檚 also good for one鈥檚 mental health.',
+ isRight: null
},
{
- stem:'carry over',
- userAnswer:'',
- answer:'The spirit of volunteering will be carried over from generation to generation.',
- isRight:null
+ stem: 'carry over',
+ userAnswer: '',
+ answer: 'The spirit of volunteering will be carried over from generation to generation.',
+ isRight: null
},
]
},
{
- type:'translate',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'translate',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:'',
- answer:'鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
- isRight:null
+ userAnswer: '',
+ answer: '鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�',
+ isRight: null
},
{
- userAnswer:'',
- answer:'鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆￠潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
- isRight:null
+ userAnswer: '',
+ answer: '鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆￠潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻',
+ isRight: null
},
{
- userAnswer:'',
- answer:'瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
- isRight:null
+ userAnswer: '',
+ answer: '瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀',
+ isRight: null
},
{
- userAnswer:'',
- answer:'鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
- isRight:null
+ userAnswer: '',
+ answer: '鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉',
+ isRight: null
},
]
},
{
- type:'grammar',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'grammar',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:'',
- answer:'is considering',
- isRight:null
+ userAnswer: '',
+ answer: 'is considering',
+ isRight: null
},
{
- userAnswer:'',
- answer:'am planning',
- isRight:null
+ userAnswer: '',
+ answer: 'am planning',
+ isRight: null
},
{
- userAnswer:'',
- answer:'are doing',
- isRight:null
+ userAnswer: '',
+ answer: 'are doing',
+ isRight: null
},
{
- userAnswer:'',
- answer:'are putting',
- isRight:null
+ userAnswer: '',
+ answer: 'are putting',
+ isRight: null
},
{
- userAnswer:'',
- answer:'is having',
- isRight:null
+ userAnswer: '',
+ answer: 'is having',
+ isRight: null
},
]
},
{
- type:'describe',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'describe',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:'',
- answer:'The volunteer is tutoring the children.',
- isRight:null
+ userAnswer: '',
+ answer: 'The volunteer is tutoring the children.',
+ isRight: null
},
{
- userAnswer:'',
- answer:'Students are helping with farming.',
- isRight:null
+ userAnswer: '',
+ answer: 'Students are helping with farming.',
+ isRight: null
},
{
- userAnswer:'',
- answer:'A group of volunteers are cleaning up trashes on the beach.',
- isRight:null
+ userAnswer: '',
+ answer: 'A group of volunteers are cleaning up trashes on the beach.',
+ isRight: null
},
{
- userAnswer:'',
- answer:'The little girl is holding a donation box full of clothes.',
- isRight:null
+ userAnswer: '',
+ answer: 'The little girl is holding a donation box full of clothes.',
+ isRight: null
},
]
}
],
- miniTable:[
+ miniTable: [
{
- value:[
- {
- userAnswer:""
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
+ value: [
+ {
+ userAnswer: ""
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
]
},
{
- value:[
+ value: [
{
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
},
]
}
],
- listenTwo:[
+ listenTwo: [
{
- type:"fill ",
- isShowAnswer:false,
- isComplete:false,
- value:[
+ type: "fill ",
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
{
- answer:604,
- userAnswer:"",
- isRight:null
+ answer: 604,
+ userAnswer: "",
+ isRight: null
},
{
- answer:1083,
- userAnswer:"",
- isRight:null
+ answer: 1083,
+ userAnswer: "",
+ isRight: null
},
{
- answer:63,
- userAnswer:"",
- isRight:null
+ answer: 63,
+ userAnswer: "",
+ isRight: null
},
{
- answer:4500,
- userAnswer:"",
- isRight:null
+ answer: 4500,
+ userAnswer: "",
+ isRight: null
},
{
- answer:47,
- userAnswer:"",
- isRight:null
+ answer: 47,
+ userAnswer: "",
+ isRight: null
},
{
- answer:100000,
- userAnswer:"",
- isRight:null
+ answer: 100000,
+ userAnswer: "",
+ isRight: null
},
]
},
{
- type:"dropdown",
- isComplete:false,
- isShowAnswer:false,
- option:['T','F'],
- value:[
+ type: "dropdown",
+ isComplete: false,
+ isShowAnswer: false,
+ option: ['T', 'F'],
+ value: [
{
- stem:"Showing compassion and being patient are qualities needed for training.",
- answer:'T',
- userAnswer:'',
- isRight:null
+ stem: "Showing compassion and being patient are qualities needed for training.",
+ answer: 'T',
+ userAnswer: '',
+ isRight: null
},
{
- stem:"Women have to overcome a lot of difficulties to attend Barefoot College.",
- answer:'T',
- userAnswer:'',
- isRight:null
+ stem: "Women have to overcome a lot of difficulties to attend Barefoot College.",
+ answer: 'T',
+ userAnswer: '',
+ isRight: null
},
{
- stem:"Half of the courses in the training are done in sign language.",
- answer:'F',
- userAnswer:'',
- isRight:null
+ stem: "Half of the courses in the training are done in sign language.",
+ answer: 'F',
+ userAnswer: '',
+ isRight: null
},
{
- stem:"Husbands are always supportive for wives to go for training.",
- answer:'F',
- userAnswer:'',
- isRight:null
+ stem: "Husbands are always supportive for wives to go for training.",
+ answer: 'F',
+ userAnswer: '',
+ isRight: null
},
{
- stem:"The training helps women gain respect for the changes they brought in.",
- answer:'T',
- userAnswer:'',
- isRight:null
+ stem: "The training helps women gain respect for the changes they brought in.",
+ answer: 'T',
+ userAnswer: '',
+ isRight: null
},
]
},
{
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- stem:"In far-away areas,only the old and the kids are left.",
- answer:"remote",
- userAnswer:"",
- isRight:null
+ stem: "In far-away areas,only the old and the kids are left.",
+ answer: "remote",
+ userAnswer: "",
+ isRight: null
},
{
- stem:"The government works on ways to fight against poverty.",
- answer:"solutions",
- userAnswer:"",
- isRight:null
+ stem: "The government works on ways to fight against poverty.",
+ answer: "solutions",
+ userAnswer: "",
+ isRight: null
},
{
- stem:"People having no access to electricity mainly live in Africa.",
- answer:"primarily",
- userAnswer:"",
- isRight:null
+ stem: "People having no access to electricity mainly live in Africa.",
+ answer: "primarily",
+ userAnswer: "",
+ isRight: null
},
{
- stem:"Some college students choose to join volunteering programs after graduation.",
- answer:"attend",
- userAnswer:"",
- isRight:null
+ stem: "Some college students choose to join volunteering programs after graduation.",
+ answer: "attend",
+ userAnswer: "",
+ isRight: null
},
{
- stem:"Family reunion is a usual way to celebrate the Spring Festival.",
- answer:"Traditional",
- userAnswer:"",
- isRight:null
+ stem: "Family reunion is a usual way to celebrate the Spring Festival.",
+ answer: "Traditional",
+ userAnswer: "",
+ isRight: null
},
]
},
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- answer:"came up with",
- userAnswer:"",
- isRight:null
+ answer: "came up with",
+ userAnswer: "",
+ isRight: null
},
{
- answer:"went over to",
- userAnswer:"",
- isRight:null
+ answer: "went over to",
+ userAnswer: "",
+ isRight: null
},
{
- answer:["ended","with"],
- userAnswer:["",""],
- isRight:null
+ answer: ["ended", "with"],
+ userAnswer: ["", ""],
+ isRight: null
},
{
- answer:"lit up",
- userAnswer:"",
- isRight:null
+ answer: "lit up",
+ userAnswer: "",
+ isRight: null
},
{
- answer:"are faced with",
- userAnswer:"",
- isRight:null
+ answer: "are faced with",
+ userAnswer: "",
+ isRight: null
},
]
}
],
- miniProjectTwo:[
+ miniProjectTwo: [
{
- type:'choice',
- isComplete:false,
- isShowAnswer:false,
- option:[
+ type: 'choice',
+ isComplete: false,
+ isShowAnswer: false,
+ option: [
'Hold the elevator for the lady',
'Catch the balloon for the kid',
'Stop the shopping cart',
@@ -4864,243 +4942,284 @@
'Help the old cross the street',
'Plant trees in the park'
],
- value:[
+ value: [
{
- answer:['Hold the elevator for the lady'],
- userAnswer:[]
+ answer: ['Hold the elevator for the lady'],
+ userAnswer: []
}
]
}
],
- listenThree:[
+ listenThree: [
{
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- answer:'directions',
- userAnswer:'',
- isRight:null
+ answer: 'directions',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'volunteer',
- userAnswer:'',
- isRight:null
+ answer: 'volunteer',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'actually',
- userAnswer:'',
- isRight:null
+ answer: 'actually',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'retired',
- userAnswer:'',
- isRight:null
+ answer: 'retired',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'spend',
- userAnswer:'',
- isRight:null
+ answer: 'spend',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'tourists',
- userAnswer:'',
- isRight:null
+ answer: 'tourists',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'throwing',
- userAnswer:'',
- isRight:null
+ answer: 'throwing',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'happiness',
- userAnswer:'',
- isRight:null
+ answer: 'happiness',
+ userAnswer: '',
+ isRight: null
},
]
},
{
- type:'fill',
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isShowAnswer: false,
+ value: [
{
- stem:'When did Mr.Crossman start volunteering?',
- answer:'He started volunteering in March 2017 after his retirement.',
- userAnswer:''
+ stem: 'When did Mr.Crossman start volunteering?',
+ answer: 'He started volunteering in March 2017 after his retirement.',
+ userAnswer: ''
},
{
- stem:'Why was volunteering not easy in the beginning?',
- answer:'He was unfamiliar with the surroundings.',
- userAnswer:''
+ stem: 'Why was volunteering not easy in the beginning?',
+ answer: 'He was unfamiliar with the surroundings.',
+ userAnswer: ''
},
{
- stem:'What makes him popular?',
- answer:'He speaks fluent Chinese.',
- userAnswer:''
+ stem: 'What makes him popular?',
+ answer: 'He speaks fluent Chinese.',
+ userAnswer: ''
},
{
- stem:'What鈥檚 his understanding of the volunteering spirit?',
- answer:'You get more than what you give in a way.',
- userAnswer:''
+ stem: 'What鈥檚 his understanding of the volunteering spirit?',
+ answer: 'You get more than what you give in a way.',
+ userAnswer: ''
},
]
}
],
- practicalWriting:[
+ practicalWriting: [
{
- type:'radio',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'radio',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- stem:'鍥界睄锛氫腑鍥�',
- option:[
+ stem: '鍥界睄锛氫腑鍥�',
+ option: [
{
- value:'a',
- txt:'Nationality:China'
+ value: 'a',
+ txt: 'Nationality:China'
},
{
- value:'b',
- txt:'Nationality:Chinese'
+ value: 'b',
+ txt: 'Nationality:Chinese'
}
],
- answer:'b',
- userAnswer:''
+ answer: 'b',
+ userAnswer: ''
},
{
- stem:'鍖椾含甯傞珮鏂板尯鐩涢偊璺�30鍙�',
- option:[
+ stem: '鍖椾含甯傞珮鏂板尯鐩涢偊璺�30鍙�',
+ option: [
{
- value:'a',
- txt:'No.30 Shengbang Road,Hi-tech Zone,Beijing'
+ value: 'a',
+ txt: 'No.30 Shengbang Road,Hi-tech Zone,Beijing'
},
{
- value:'b',
- txt:'Beijing,Hi-tech Zone,Shengbang Road,No.30'
+ value: 'b',
+ txt: 'Beijing,Hi-tech Zone,Shengbang Road,No.30'
}
],
- answer:'a',
- userAnswer:''
+ answer: 'a',
+ userAnswer: ''
},
{
- stem:'鑻辨枃娴佸埄锛屾櫘閫氳瘽姣嶈姘村钩',
- option:[
+ stem: '鑻辨枃娴佸埄锛屾櫘閫氳瘽姣嶈姘村钩',
+ option: [
{
- value:'a',
- txt:'Fluent in English; native in Mandarin'
+ value: 'a',
+ txt: 'Fluent in English; native in Mandarin'
},
{
- value:'b',
- txt:'I speak fluent English,and I鈥檓 a native speaker of Mandarin.'
+ value: 'b',
+ txt: 'I speak fluent English,and I鈥檓 a native speaker of Mandarin.'
}
],
- answer:'a',
- userAnswer:''
+ answer: 'a',
+ userAnswer: ''
},
{
- stem:'鐔熺粌浣跨敤Word銆丒xcel鍜孭PT',
- option:[
+ stem: '鐔熺粌浣跨敤Word銆丒xcel鍜孭PT',
+ option: [
{
- value:'a',
- txt:'I can use Word,Excel and PPT frequently.'
+ value: 'a',
+ txt: 'I can use Word,Excel and PPT frequently.'
},
{
- value:'b',
- txt:'Proficient user of Word,Excel and PPT'
+ value: 'b',
+ txt: 'Proficient user of Word,Excel and PPT'
}
],
- answer:'b',
- userAnswer:''
+ answer: 'b',
+ userAnswer: ''
},
{
- stem:'鎷呬换涓栧崥浼氱炕璇戝拰鎺ュ緟宸ヤ綔',
- option:[
+ stem: '鎷呬换涓栧崥浼氱炕璇戝拰鎺ュ緟宸ヤ綔',
+ option: [
{
- value:'a',
- txt:'Served as an interpreter and receptionist at the World Expo'
+ value: 'a',
+ txt: 'Served as an interpreter and receptionist at the World Expo'
},
{
- value:'b',
- txt:'Working as an interpreter and receptionist at the World Expo'
+ value: 'b',
+ txt: 'Working as an interpreter and receptionist at the World Expo'
}
],
- answer:'a',
- userAnswer:''
+ answer: 'a',
+ userAnswer: ''
},
]
},
{
- type:'email',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'email',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- answer:'Li Hai',
- userAnswer:''
+ answer: 'Li Hai',
+ userAnswer: ''
},
{
- answer:'Chinese',
- userAnswer:''
+ answer: 'Chinese',
+ userAnswer: ''
},
{
- answer:'Male',
- userAnswer:''
+ answer: 'Male',
+ userAnswer: ''
},
{
- answer:'21/08/2000',
- userAnswer:''
+ answer: '21/08/2000',
+ userAnswer: ''
},
{
- answer:'simonli@email.com',
- userAnswer:''
+ answer: 'simonli@email.com',
+ userAnswer: ''
},
{
- answer:'1532788901',
- userAnswer:''
+ answer: '1532788901',
+ userAnswer: ''
},
{
- answer:'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
- userAnswer:''
+ answer: 'No. 1600, 5th Tianfu Street, Tianfu District, Chengdu',
+ userAnswer: ''
},
{
- answer:'Vocational diploma',
- userAnswer:''
+ answer: 'Vocational diploma',
+ userAnswer: ''
},
{
- answer:'Business English',
- userAnswer:''
+ answer: 'Business English',
+ userAnswer: ''
},
{
- answer:'Chengdu Polytechnic',
- userAnswer:''
+ answer: 'Chengdu Polytechnic',
+ userAnswer: ''
},
{
- answer:'Teacher鈥檚 certificate; Driving license;Two-week training on effective communication.',
- userAnswer:''
+ answer: 'Teacher鈥檚 certificate; Driving license;Two-week training on effective communication.',
+ userAnswer: ''
},
{
- answer:'Fluent in English; native in Mandarin',
- userAnswer:''
+ answer: 'Fluent in English; native in Mandarin',
+ userAnswer: ''
},
{
- answer:'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
- userAnswer:''
+ answer: 'Served as a member of organizing committee of FISU World University Games 07/2022- 08/2022; Provided language service.',
+ userAnswer: ''
},
]
},
{
- type:'checkbox',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'checkbox',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- answer:['Personal information','Skills and qualifications','Education background','Interests','Volunteering experience'],
- userAnswer:[]
+ answer: ['Personal information', 'Skills and qualifications', 'Education background', 'Interests', 'Volunteering experience'],
+ userAnswer: []
}
]
},
],
+ selectData: [
+ {
+ type: 'select',
+ isComplete: false,
+ isShowAnswer: false,
+ option: [
+ "a",
+ "b",
+ "c",
+ "d",
+ ],
+ value: [
+ {
+
+ userAnswer: "",
+ answer: "b",
+ isRight: null
+ },
+ {
+
+ userAnswer: "",
+ answer: "d",
+ isRight: null
+ },
+ {
+
+ userAnswer: "",
+ answer: "a",
+ isRight: null
+ },
+ {
+
+ userAnswer: "",
+ answer: "c",
+ isRight: null
+ },
+ ]
+
+ }
+
+ ]
};
},
mounted() {
@@ -5112,35 +5231,34 @@
if (dropdownData) this.dropdownData = JSON.parse(dropdownData);
// 鏂板
const listenOne = localStorage.getItem("english-chapter03-listenOne");
- if(listenOne) this.listenOne = JSON.parse(listenOne)
+ if (listenOne) this.listenOne = JSON.parse(listenOne)
const noSubmitData = localStorage.getItem('english-chapter03-noSubmitData')
- if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
- const wordsOne = localStorage.getItem('english-chapter03-wordsOne')
- if(wordsOne) this.wordsOne = JSON.parse(wordsOne)
- const miniTable = localStorage.getItem('english-chapter03-miniTable')
- if(miniTable) this.miniTable = JSON.parse(miniTable)
- const listenTwo = localStorage.getItem('english-chapter03-listenTwo')
- if(listenTwo) this.listenTwo = JSON.parse(listenTwo)
+ if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData);
+ const wordsOne = localStorage.getItem('english-chapter03-wordsOne')
+ if (wordsOne) this.wordsOne = JSON.parse(wordsOne)
+ const miniTable = localStorage.getItem('english-chapter03-miniTable')
+ if (miniTable) this.miniTable = JSON.parse(miniTable)
+ const listenTwo = localStorage.getItem('english-chapter03-listenTwo')
+ if (listenTwo) this.listenTwo = JSON.parse(listenTwo)
const miniProjectTwo = localStorage.getItem('english-chapter03-miniProjectTwo')
- if(miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
+ if (miniProjectTwo) this.miniProjectTwo = JSON.parse(miniProjectTwo)
const listenThree = localStorage.getItem('english-chapter03-listenThree')
- if(listenThree) this.listenThree = JSON.parse(listenThree)
+ if (listenThree) this.listenThree = JSON.parse(listenThree)
const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
- if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
+ if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
+ const selectData = localStorage.getItem('english-chapter03-selectData')
+ if (selectData) this.selectData = JSON.parse(selectData)
this.getPath();
-
-
+
+
},
methods: {
arrayToString(data) {
- if(Array.isArray(data)) {
- return data.toString()
+ if (Array.isArray(data)) {
+ return data.toString()
} else {
return data
}
- },
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
},
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
@@ -5216,14 +5334,26 @@
"CAA563DB7727326EF9469C71E198DC20"
);
this.resource.readingTwo = await getResourcePath(
- "E8719EC88026BCFB11D292AA999F6D3D"
+ "E18F33A25DEB9B77CCBA5FC2977E3385"
);
+ this.resource.readingThree = await getResourcePath(
+ "6CC658238756D3B60721712FA2453082"
+ );
+
+ this.resource.readingFour = await getResourcePath(
+ "7E56A7028EFD4ECB1320DB02D079F2A2"
+ );
+
this.resource.listenTwo = await getResourcePath(
- "EE3DC2A770CB6280D5F57930017F8473"
+ "E143D4F451EA8172C368005710C4692B"
);
-
+
this.resource.listenThree = await getResourcePath(
"E143D4F451EA8172C368005710C4692B"
+ );
+
+ this.resource.listenFour = await getResourcePath(
+ "B9FD8D144AB41BB9BFB7D363F0FD7975"
);
},
showAnswer(type) {
@@ -5308,22 +5438,22 @@
// lietenOne
// 鎻愪氦
handelListenOneData() {
- for(let index = 0;index < this.listenOne.length;index ++) {
- const item = this.listenOne[index]
- item.isRight = item.value == item.answer
- item.isComplete = true
- item.isShowAnswer = true
- }
- console.log('鎻愪环',this.listenOne)
- this.saveListenOneData()
+ for (let index = 0; index < this.listenOne.length; index++) {
+ const item = this.listenOne[index]
+ item.isRight = item.value == item.answer
+ item.isComplete = true
+ item.isShowAnswer = true
+ }
+ console.log('鎻愪环', this.listenOne)
+ this.saveListenOneData()
},
// 淇濆瓨
saveListenOneData() {
- localStorage.setItem('english-chapter03-listenOne',JSON.stringify(this.listenOne))
+ localStorage.setItem('english-chapter03-listenOne', JSON.stringify(this.listenOne))
},
// 鏌ョ湅绛旀
viewListenOneData() {
- for(let index = 0;index < this.listenOne.length;index ++) {
+ for (let index = 0; index < this.listenOne.length; index++) {
const item = this.listenOne[index]
item.isShowAnswer = !item.isShowAnswer
}
@@ -5331,26 +5461,27 @@
// 閲嶅仛
recastListenOneData() {
localStorage.removeItem('english-chapter03-listenOne')
- for(let index = 0;index < this.listenOne.length;index ++) {
+ for (let index = 0; index < this.listenOne.length; index++) {
const item = this.listenOne[index]
item.value = ''
item.isRight = null
item.isComplete = false
+ item.isShowAnswer = false
}
},
// 鍙渶瑕佷繚瀛樼殑棰樼洰鏁版嵁
// 淇濆瓨
saveNoSubmitData() {
- localStorage.setItem('english-chapter03-noSubmitData',JSON.stringify(this.noSubmitData))
+ localStorage.setItem('english-chapter03-noSubmitData', JSON.stringify(this.noSubmitData))
},
// 鏌ョ湅绛旀
- viewNoSubmitData(num,number) {
+ viewNoSubmitData(num, number) {
this.noSubmitData[num].value[number].isShowAnswer = !this.noSubmitData[num].value[number].isShowAnswer
},
// wordsOne
// 淇濆瓨
savewordsOne() {
- localStorage.setItem('english-chapter03-wordsOne',JSON.stringify(this.wordsOne))
+ localStorage.setItem('english-chapter03-wordsOne', JSON.stringify(this.wordsOne))
},
// 閲嶅仛
recastwordsOne() {
@@ -5362,7 +5493,7 @@
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.userAnswer = '',
- citem.isRight = null
+ citem.isRight = null
}
}
},
@@ -5370,7 +5501,7 @@
viewwordsOne() {
for (let index = 0; index < this.wordsOne.length; index++) {
const item = this.wordsOne[index];
- item.isShowAnswer = true
+ item.isShowAnswer = !item.isShowAnswer
}
},
handelwordsOne() {
@@ -5383,13 +5514,14 @@
citem.isRight = citem.userAnswer == citem.answer
}
}
+ this.savewordsOne();
},
saveminiTable() {
console.log(1);
- localStorage.setItem('english-chapter03-miniTable',JSON.stringify(this.miniTable))
+ localStorage.setItem('english-chapter03-miniTable', JSON.stringify(this.miniTable))
},
saveListenTwo() {
- localStorage.setItem('english-chapter03-listenTwo',JSON.stringify(this.listenTwo))
+ localStorage.setItem('english-chapter03-listenTwo', JSON.stringify(this.listenTwo))
},
handelListenTwo() {
for (let index = 0; index < this.listenTwo.length; index++) {
@@ -5412,14 +5544,14 @@
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.isRight = null
- if(Array.isArray(citem.userAnswer)) {
- citem.userAnswer = ["",""]
+ if (Array.isArray(citem.userAnswer)) {
+ citem.userAnswer = ["", ""]
} else {
- citem.userAnswer= ""
+ citem.userAnswer = ""
}
}
}
-
+
},
viewListenTwo() {
for (let index = 0; index < this.listenTwo.length; index++) {
@@ -5428,7 +5560,7 @@
}
},
saveMiniProjectTwo() {
- localStorage.setItem('english-chapter03-miniProjectTwo',JSON.stringify(this.miniProjectTwo))
+ localStorage.setItem('english-chapter03-miniProjectTwo', JSON.stringify(this.miniProjectTwo))
},
handelMiniProjectTwo() {
for (let index = 0; index < this.miniProjectTwo.length; index++) {
@@ -5457,7 +5589,7 @@
}
},
saveListenThree() {
- localStorage.setItem('english-chapter03-listenThree',JSON.stringify(this.listenThree))
+ localStorage.setItem('english-chapter03-listenThree', JSON.stringify(this.listenThree))
},
handelListenThree() {
for (let index = 0; index < this.listenThree.length; index++) {
@@ -5490,14 +5622,14 @@
}
},
savePracticalWriting() {
- localStorage.setItem('english-chapter03-practicalWriting',JSON.stringify(this.practicalWriting))
+ localStorage.setItem('english-chapter03-practicalWriting', JSON.stringify(this.practicalWriting))
},
handlePracticalWriting() {
for (let index = 0; index < this.practicalWriting.length; index++) {
const item = this.practicalWriting[index];
item.isComplete = true
item.isShowAnswer = true
- if(item.type == 'radio') {
+ if (item.type == 'radio') {
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.isRight = citem.userAnswer == citem.answer
@@ -5511,11 +5643,11 @@
const item = this.practicalWriting[index];
item.isComplete = false
item.isShowAnswer = false
- if(item.type == 'radio') {
+ if (item.type == 'radio') {
for (let cindex = 0; cindex < item.value.length; cindex++) {
const citem = item.value[cindex];
citem.isRight = null,
- citem.userAnswer = ''
+ citem.userAnswer = ''
}
}
}
@@ -5527,8 +5659,34 @@
item.isShowAnswer = !item.isShowAnswer
}
},
- showNoSubmitAnswer(index,num) {
- this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
+ showNoSubmitAnswer(index, num) {
+ this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
+ },
+ saveSelectData() {
+ localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData))
+ },
+ handleSelectData() {
+ for (let index = 0; index < this.selectData.length; index++) {
+ const item = this.selectData[index];
+ item.isComplete = true
+ if (item.type == 'select') {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if (citem.userAnswer == "") {
+ return
+ } else {
+ citem.isRight = citem.userAnswer == citem.answer
+ this.saveSelectData()
+ }
+ }
+ }
+ }
+ },
+ viewSelectData() {
+ for (let index = 0; index < this.selectData.length; index++) {
+ const item = this.selectData[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
},
},
};
@@ -5608,14 +5766,16 @@
right: 0;
background-color: red;
}
+
.wating-email-box {
background-color: #e0eaf7;
border: 2px solid #95b8d3;
- padding: 0 10px ;
+ padding: 0 10px;
+
ul {
display: flex;
flex-wrap: wrap;
-
+
li {
white-space: nowrap;
margin-right: 20px;
--
Gitblit v1.9.1