From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 23 七月 2024 14:21:01 +0800 Subject: [PATCH] 英语点击单词卡方法优化 --- src/books/English/view/components/chapter003.vue | 2692 +++++++++++++++++++++++++++++++---------------------------- 1 files changed, 1,402 insertions(+), 1,290 deletions(-) diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue index 8642c6d..d4ba550 100644 --- a/src/books/English/view/components/chapter003.vue +++ b/src/books/English/view/components/chapter003.vue @@ -225,7 +225,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 +261,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" /> + {{ 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 +316,25 @@ <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" /> + {{ 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 +343,30 @@ </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" /> + {{ 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 +375,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 +402,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 +429,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 +451,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 +467,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 +491,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 +524,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 +545,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> @@ -679,9 +674,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 +694,31 @@ </p> 銆� <p> - <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete" + <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> a.People are too busy to volunteer. </p> <p> - <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> b.People can鈥檛 find ways to volunteer. </p> <p> - <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete" + <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> c.There is no benefit in volunteering. </p> <p> - <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete" + <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[0].userAnswer" /> 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 +735,31 @@ </span> </p> <p> - <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> a.Volunteering is a win-win behavior for both parties. </p> <p> - <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> b.Small acts of helping others also matter. </p> <p> - <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> c.Those who volunteer enjoy a lower mortality rate. </p> <p> - <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[1].userAnswer" /> 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 +776,17 @@ </span> </p> <p> - <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="a" name="bothparties" :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="bothparties" :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="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[2].userAnswer" /> c.Offering an opportunity to practice working skills. </p> @@ -818,16 +813,16 @@ <div class="padding-93"> <div class="bodystyle"> <p> - <input type="radio" value="d" name="bothparties" + <input type="radio" value="d" name="bothparties" v-model="wordsOne[0].value[2].userAnswer" /> 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 +839,31 @@ </span> </p> <p> - <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> a.Making a plan before volunteering. </p> <p> - <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> b.Preparing a r茅sum茅 in advance. </p> <p> - <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> c.Taking a physical and mental health check. </p> <p> - <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[3].userAnswer" /> 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,22 +880,22 @@ </span> </p> <p> - <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> - a.Indifferent. + a.Indifferent. </p> <p> - <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> b.Supportive. </p> <P> - <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> c.Opposed. </P> <P> - <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" + <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete" v-model="wordsOne[0].value[4].userAnswer" /> d.Unknown. </P> @@ -917,9 +912,9 @@ <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" /> <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 +931,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="setTestData" /> <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 +952,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="setTestData" /> <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> @@ -978,16 +974,16 @@ :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" /> <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 +991,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="setTestData" /> <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> @@ -1046,11 +1042,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="setBookQuestion"></textarea> </p> <!-- 渚嬪彞 --> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" @@ -1161,122 +1157,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="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> (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="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> (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="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> (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="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> (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="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> (have) a great time with the old in the nursing home. </p> <!-- 绛旀 --> @@ -1293,18 +1288,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="setBookQuestion"></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="setBookQuestion"></textarea> </div> </div> </div> @@ -1333,18 +1328,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="setBookQuestion"></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="setBookQuestion"></textarea> </div> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="wordsOne[3].isShowAnswer"> @@ -1427,8 +1422,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 +1516,33 @@ </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> + >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 + >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> + >rewarding</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'challenging')">challenging</span> + >challenging</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'demanding')">demanding</span> + >demanding</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'interesting')">interesting</span> + >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> + >overwhelming</span> + <span class="word-bc mr-20 dl-span" >moving</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'merciful')">merciful</span> + >merciful</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'kind-hearted')">kind-hearted</span> + >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> + >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%;"> @@ -1708,9 +1702,6 @@ your partner to do research online and match the following organizations with their missions.</b> </p> - <p class="center"> - <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /> - </p> </div> </div> <div class="preface-bottom"> @@ -1740,26 +1731,58 @@ <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)" /> + </svg> + </span> </p> - <p>2.What changes do they bring to China?</p> + <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> + </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)" /> + </svg> + </span> + </p> + <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> + </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> @@ -1767,15 +1790,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 @@ -1808,11 +1831,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 @@ -1822,7 +1845,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 @@ -1838,9 +1861,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> @@ -1848,7 +1871,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> @@ -1970,96 +1994,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"> @@ -2069,56 +2095,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> @@ -2147,29 +2174,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" @@ -2177,11 +2202,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> @@ -2189,21 +2213,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" @@ -2211,11 +2234,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> @@ -2229,23 +2251,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> @@ -2253,44 +2275,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> @@ -2298,21 +2322,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> @@ -2320,33 +2344,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> <!-- 鎻愪氦鎸夐挳 --> @@ -2416,7 +2439,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 @@ -2424,20 +2448,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 @@ -2446,15 +2471,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"> @@ -2495,7 +2519,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" @@ -2707,48 +2731,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 + <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> @@ -2756,20 +2784,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> @@ -2777,40 +2805,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> @@ -2818,20 +2846,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> @@ -2842,20 +2870,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> @@ -2863,20 +2891,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> @@ -2884,32 +2912,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> @@ -2917,30 +2944,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> @@ -2948,30 +2974,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> @@ -2979,30 +3004,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> @@ -3010,13 +3034,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> <!-- 鎻愪氦鎸夐挳 --> @@ -3075,18 +3100,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 @@ -3094,18 +3122,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 @@ -3113,18 +3144,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 @@ -3132,18 +3166,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 @@ -3151,18 +3188,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 @@ -3170,18 +3210,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 @@ -3189,18 +3232,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 @@ -3236,44 +3282,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> @@ -3312,74 +3356,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[8].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[9].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[8].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[9].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"> @@ -3455,14 +3522,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> @@ -3497,14 +3566,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> @@ -3824,7 +3895,7 @@ value: [], answerImg: require("../../assets/images/matching-two.png"), }, - rawDataOne:{ + rawDataOne: { left: [ { oldId: "FB34", @@ -3846,7 +3917,7 @@ }, ], }, - matchingQuestionOne:{ + matchingQuestionOne: { KnowledgePoint: "123", analysis: "123", answer: [ @@ -3946,7 +4017,7 @@ nine: "", }, }, - rawDataTwo:{ + rawDataTwo: { left: [ { oldId: "FB34", @@ -3974,7 +4045,7 @@ oldId: "43DB", txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟", }, - + { oldId: "44DE", txt: "b.涓鏁欒偛", @@ -3993,7 +4064,7 @@ }, ], }, - matchingQuestionTwo:{ + matchingQuestionTwo: { KnowledgePoint: "123", analysis: "123", answer: [ @@ -4032,7 +4103,7 @@ oldId: "43DB", txt: "a.鎶�鏈�/鑱屼笟鏂囧嚟", }, - + { oldId: "44DE", txt: "b.涓鏁欒偛", @@ -4083,7 +4154,7 @@ value: [], answerImg: require("../../assets/images/matching-8.png"), }, - rawDataThree:{ + rawDataThree: { left: [ { oldId: "FB34", @@ -4130,7 +4201,7 @@ ], }, - matchingQuestionThree:{ + matchingQuestionThree: { KnowledgePoint: "123", analysis: "123", answer: [ @@ -4279,8 +4350,10 @@ listenOne: "", readingOne: "", readingTwo: "", - listenTwo:"", - listenThree:"" + readingThree: "", + readingFour: "", + listenTwo: "", + listenThree: "" }, dropDownList: [ "animal rescue and care", @@ -4312,499 +4385,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:'', - }, - ] - } - ], - 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: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, - }, - ], - wordsOne:[ - { - type:"judge", - isShowAnswer:false, - isComplete:false, - value:[ - { - answer:"a", - userAnswer:"", - }, - { - answer:"d", - userAnswer:"", - }, - { - answer:"c", - userAnswer:"", - }, - { - answer:"d", - userAnswer:"" - }, - { - answer:"b", - userAnswer:"" - }, - ] - }, - { - type:'fill', - isShowAnswer:false, - isComplete:false, - value:[ - { - userAnswer:"", - answer:"enormous", - isRight:null - }, - { - userAnswer:"", - answer:"boost", - isRight:null - }, - { - userAnswer:"", - answer:"anxiety", - isRight:null - }, - { - userAnswer:"", - answer:"mortality", - isRight:null - }, - { - userAnswer:"", - answer:"energizing", - isRight:null - }, - { - userAnswer:"", - answer:"passion", - isRight:null + userAnswer: '', }, ] }, { 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:'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:'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 - }, - ] - }, - { - type:'translate', - isComplete:false, - isShowAnswer:false, value:[ { userAnswer:'', - answer:'鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�', - isRight:null + answer:[ + 'China Rural Doctors Program', + 'China Foundation for Rural Development', + 'Shanghai Oasis Green Food Bank', + '閽变竷铏�(Qian Qihu)' + ], + isShowAnswer:false, }, { userAnswer:'', - answer:'鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻', - isRight:null - }, - { - userAnswer:'', - answer:'瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀', - isRight:null - }, - { - userAnswer:'', - answer:'鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉', - isRight:null - }, - ] - }, - { - type:'grammar', - isComplete:false, - isShowAnswer:false, - value:[ - { - userAnswer:'', - answer:'is considering', - isRight:null - }, - { - userAnswer:'', - answer:'am planning', - isRight:null - }, - { - userAnswer:'', - answer:'are doing', - isRight:null - }, - { - userAnswer:'', - answer:'are putting', - isRight:null - }, - { - userAnswer:'', - answer:'is having', - isRight:null - }, - ] - }, - { - type:'describe', - isComplete:false, - isShowAnswer:false, - value:[ - { - userAnswer:'', - answer:'The volunteer is tutoring the children.', - 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:'The little girl is holding a donation box full of clothes.', - isRight:null + 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, }, ] } ], - miniTable:[ + listenOne: [ { - value:[ - { - userAnswer:"" - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, + 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: 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: [ + { + type: "judge", + isShowAnswer: false, + isComplete: false, + value: [ + { + answer: "a", + userAnswer: "", + }, + { + answer: "d", + userAnswer: "", + }, + { + answer: "c", + userAnswer: "", + }, + { + answer: "d", + userAnswer: "" + }, + { + answer: "b", + userAnswer: "" + }, ] }, { - value:[ + type: 'fill', + isShowAnswer: false, + isComplete: false, + value: [ { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' - }, - { - userAnswer:'' + userAnswer: "", + answer: "enormous", + isRight: null }, { - userAnswer:'' + userAnswer: "", + answer: "boost", + isRight: null }, { - userAnswer:'' + userAnswer: "", + answer: "anxiety", + isRight: null }, { - userAnswer:'' + userAnswer: "", + answer: "mortality", + isRight: null }, { - userAnswer:'' + userAnswer: "", + answer: "energizing", + isRight: null + }, + { + userAnswer: "", + answer: "passion", + isRight: null + }, + ] + }, + { + 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: '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: '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 + }, + ] + }, + { + type: 'translate', + isComplete: false, + isShowAnswer: false, + value: [ + { + userAnswer: '', + answer: '鍔犲叆瀛︽牎閲岀殑闈掑勾蹇楁効鑰呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦�', + isRight: null + }, + { + userAnswer: '', + answer: '鏈嶅姟2022鐨勫寳浜啲濂ヤ細鏄竴娆¢潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻', + isRight: null + }, + { + userAnswer: '', + answer: '瀵瑰瀛愪滑鐨勬壙璇鸿濂瑰湪杩欐墍涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀', + isRight: null + }, + { + userAnswer: '', + answer: '鍙備笌涓嶅悓鐨勫織鎰胯�呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉', + isRight: null + }, + ] + }, + { + type: 'grammar', + isComplete: false, + isShowAnswer: false, + value: [ + { + userAnswer: '', + answer: 'is considering', + isRight: null + }, + { + userAnswer: '', + answer: 'am planning', + isRight: null + }, + { + userAnswer: '', + answer: 'are doing', + isRight: null + }, + { + userAnswer: '', + answer: 'are putting', + isRight: null + }, + { + userAnswer: '', + answer: 'is having', + isRight: null + }, + ] + }, + { + type: 'describe', + isComplete: false, + isShowAnswer: false, + value: [ + { + userAnswer: '', + answer: 'The volunteer is tutoring the children.', + 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: 'The little girl is holding a donation box full of clothes.', + isRight: null }, ] } ], - listenTwo:[ + miniTable: [ { - type:"fill ", - isShowAnswer:false, - isComplete:false, - value:[ + value: [ { - answer:604, - userAnswer:"", - isRight:null + userAnswer: "" }, { - answer:1083, - userAnswer:"", - isRight:null + userAnswer: '' }, { - answer:63, - userAnswer:"", - isRight:null - }, - { - answer:4500, - userAnswer:"", - isRight:null - }, - { - answer:47, - userAnswer:"", - isRight:null - }, - { - answer:100000, - userAnswer:"", - isRight:null + userAnswer: '' }, ] }, { - type:"dropdown", - isComplete:false, - isShowAnswer:false, - option:['T','F'], - value:[ + value: [ { - stem:"Showing compassion and being patient are qualities needed for training.", - answer:'T', - userAnswer:'', - isRight:null + userAnswer: '' }, { - stem:"Women have to overcome a lot of difficulties to attend Barefoot College.", - answer:'T', - userAnswer:'', - isRight:null + userAnswer: '' }, { - stem:"Half of the courses in the training are done in sign language.", - answer:'F', - userAnswer:'', - isRight:null + userAnswer: '' }, { - stem:"Husbands are always supportive for wives to go for training.", - answer:'F', - userAnswer:'', - isRight:null + userAnswer: '' }, { - 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:[ - { - stem:"In far-away areas,only the old and the kids are left.", - answer:"remote", - userAnswer:"", - isRight:null + userAnswer: '' }, { - stem:"The government works on ways to fight against poverty.", - answer:"solutions", - userAnswer:"", - isRight:null + userAnswer: '' }, { - stem:"People having no access to electricity mainly live in Africa.", - answer:"primarily", - userAnswer:"", - isRight:null + userAnswer: '' }, { - stem:"Some college students choose to join volunteering programs after graduation.", - answer:"attend", - userAnswer:"", - isRight:null + userAnswer: '' }, { - stem:"Family reunion is a usual way to celebrate the Spring Festival.", - answer:"Traditional", - userAnswer:"", - isRight:null - }, - ] - }, - { - type:"fill", - isComplete:false, - isShowAnswer:false, - value:[ - { - answer:"came up with", - userAnswer:"", - isRight:null + userAnswer: '' }, { - answer:"went over to", - userAnswer:"", - isRight:null + userAnswer: '' }, { - answer:["ended","with"], - userAnswer:["",""], - isRight:null + userAnswer: '' }, { - answer:"lit up", - userAnswer:"", - isRight:null - }, - { - answer:"are faced with", - userAnswer:"", - isRight:null + userAnswer: '' }, ] } ], - miniProjectTwo:[ + listenTwo: [ { - type:'choice', - isComplete:false, - isShowAnswer:false, - option:[ + type: "fill ", + isShowAnswer: false, + isComplete: false, + value: [ + { + answer: 604, + userAnswer: "", + isRight: null + }, + { + answer: 1083, + userAnswer: "", + isRight: null + }, + { + answer: 63, + userAnswer: "", + isRight: null + }, + { + answer: 4500, + userAnswer: "", + isRight: null + }, + { + answer: 47, + userAnswer: "", + isRight: null + }, + { + answer: 100000, + userAnswer: "", + isRight: null + }, + ] + }, + { + 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: "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: "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 + }, + ] + }, + { + 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: "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: "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 + }, + ] + }, + { + type: "fill", + isComplete: false, + isShowAnswer: false, + value: [ + { + answer: "came up with", + userAnswer: "", + isRight: null + }, + { + answer: "went over to", + userAnswer: "", + isRight: null + }, + { + answer: ["ended", "with"], + userAnswer: ["", ""], + isRight: null + }, + { + answer: "lit up", + userAnswer: "", + isRight: null + }, + { + answer: "are faced with", + userAnswer: "", + isRight: null + }, + ] + } + ], + miniProjectTwo: [ + { + type: 'choice', + isComplete: false, + isShowAnswer: false, + option: [ 'Hold the elevator for the lady', 'Catch the balloon for the kid', 'Stop the shopping cart', @@ -4812,239 +4910,239 @@ '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: [] } ] }, @@ -5060,35 +5158,32 @@ 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) 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)); @@ -5164,14 +5259,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) { @@ -5256,22 +5363,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 } @@ -5279,7 +5386,7 @@ // 閲嶅仛 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 @@ -5289,16 +5396,16 @@ // 鍙渶瑕佷繚瀛樼殑棰樼洰鏁版嵁 // 淇濆瓨 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() { @@ -5310,7 +5417,7 @@ for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.userAnswer = '', - citem.isRight = null + citem.isRight = null } } }, @@ -5334,10 +5441,10 @@ }, 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++) { @@ -5360,14 +5467,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++) { @@ -5376,7 +5483,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++) { @@ -5405,7 +5512,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++) { @@ -5438,14 +5545,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 @@ -5459,11 +5566,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 = '' } } } @@ -5474,7 +5581,10 @@ const item = this.practicalWriting[index]; item.isShowAnswer = !item.isShowAnswer } - } + }, + showNoSubmitAnswer(index,num) { + this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer) + }, }, }; </script> @@ -5553,14 +5663,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