From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter002.vue | 3482 ++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 3,120 insertions(+), 362 deletions(-)
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 80f5edf..1688ce0 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -51,9 +51,204 @@
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
</p>
+ <div class="bor-g">
+ <div class="fl w100">
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ France:
+ </div>
+ <div class="h50">
+ China:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ </div>
+ </div>
+ <div class="fl w50">
+ <div class="fd-c w20" style="margin-right: 5%;">
+ <div class="h50">
+ Italy:
+ </div>
+ <div class="h50">
+ Brazil:
+ </div>
+ </div>
+ <div class="fd-c w80">
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ <div class="h50">
+ <span class="mr-10">
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span>
+ <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"
+ @change="setWarmUp">
+ <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ </span>
+ <span class="icon-box-big">
+ <svg v-if="warmUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveData">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeWarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showWarmUpAnswer = !showWarmUpAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpAnswer">
+ 绛旀锛� 1.France: 2,c 2.Italy: 3,a 3.China: 4,b
+ 4.Brazil: 1,d
+ </p>
+ </div>
<p>
<b>鈪�.What are the customs and cultures of other countries you
know? Work with your partner to complete the table below.</b>
+ <span class="btn-box" @click="showAnswerWp = !showAnswerWp">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
</p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
@@ -97,11 +292,17 @@
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight"
+ <textarea v-model="questionData.table.eight"
class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
</td>
</tr>
</table>
+ <div class="show-answer-box" v-if="showAnswerWp">
+ <div>绛旀:</div>
+ <div>
+ <img src="../../assets/images/M2LessonOneWarmUp.png" alt="" class="w100" />
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -133,64 +334,105 @@
colleagues.Listen to the recording and mark the true statements
according to the speaker.</b>
</p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
<!-- 绗竴琛� -->
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
+ <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> A. I can
understand my foreign colleagues because they are straightforward.
+ <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'">
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+ <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> B. My
+ foreign
colleagues just nod and agree with me when we have a discussion.
+ <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' ">
</td>
</tr>
<!-- 绗簩琛� -->
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
+ <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> A. My
+ foreign
boss closely oversees our work and criticizes us for our mistakes.
+ <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'">
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
+ <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> B. My
+ foreign
boss is very hands-off and gives us a lot freedom to do things.
+ <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'">
</td>
</tr>
<!-- 绗笁琛� -->
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+ <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> A. My
+ Chinese
colleagues always stay late in the ofice or bring work home.
+ <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'">
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+ <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> B. My
+ Chinese
colleagues manage to get their work done during working hours.
+ <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'">
</td>
</tr>
<!-- 绗洓琛� -->
<tr class="table-tr-bc">
<td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
<td class="bor-b-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
+ <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> A.
+ My Chinese
colleagues deal with issues more objectively
+ <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'">
</td>
</tr>
<tr class="table-tr-bc">
<td class="bor-t-n">
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
+ <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> B.
+ My Chinese
colleagues are likely to take things personally
+ <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'">
</td>
</tr>
</table>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20">
+ {{ item.answer }}
+ </span>
+ </div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl">
+ <ul class="fl ju-ar w100">
+ <li>
+ <button class="btn-border btn-w" @click="handleRadioOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeRadioOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewRadioOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c012"><span class="bjh3">Reading</span></h3>
<p>
1.Culture shock is a normal part of the life when moving somewhere
@@ -236,23 +478,35 @@
</p>
<p class="center"><b>Challenges of Working Across Cultures</b></p>
<p class="center">
- <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
+ <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</p>
<p>
It is not a secret that a company鈥檚 success is heavily based on
- its people.An employee is defined by his/her talents,knowledge and
- abilities.This is the 鈥渧isible鈥� side of an employee.The
- 鈥渉idden鈥漵ide,which is also important,is the cultural identity.The
+ its people.An employee is
+ <span class="word-bc">defined</span>
+ by his/her talents,knowledge and
+ abilities.This is the
+ 鈥�<span class="word-bc">visible</span>鈥�
+ side of an employee.The
+ 鈥渉idden鈥漵ide,which is also important,is the cultural
+ <span class="word-bc">identity</span>
+ .The
culture of an employee impacts his/her views on life,work,business
- relationships and how they handle challenges.There are some issues
- that may arise when working in a cross-cultural environment.
+ relationships and how they
+ <span class="word-bc">handle</span>
+ challenges.There are some issues
+ that may
+ <span class="word-bc">arise</span>
+ when working in a cross-cultural environment.
</p>
<p>
When your colleagues speak different languages,it is easy to
misunderstand each other.When I applied for the position at an
international trade company,during the interview,my
- interviewer,who is from Egypt,was saying 鈥渜uote鈥�,but to me,it
+ interviewer,who is from Egypt,was saying
+ 鈥�<span class="word-bc">quote</span>鈥�
+ ,but to me,it
sounded like 鈥渃ourt鈥�.It took me a while to
</p>
</div>
@@ -278,7 +532,9 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- understand what he meant,and I still remember how confused I felt
+ understand what he meant,and I still remember how
+ <span class="word-bc">confused</span>
+ I felt
when I had to reply without knowing what he was asking about.You
may feel uncomfortable to ask your conversation partner to repeat
the sentence.However,it will save you from making mistakes and
@@ -286,36 +542,52 @@
understand him.
</p>
<p>
- Things that are normal or routine in one culture can be totally
- unacceptable in another culture.In my home country of Latvia,it is
+ Things that are normal or
+ <span class="word-bc">routine</span>
+ in one culture can be totally
+ <span class="word-bc">unacceptable</span>
+ in another culture.In my home country of Latvia,it is
a normal practice not to expect replies by email after normal
- working hours and I will only disturb a colleague if the matter is
+ working hours and I will only
+ <span class="word-bc">disturb</span>
+ a colleague if the matter is
very serious.However,in other countries,like Russia and Egypt,the
- tendency is to work 24/7 in response to the industry needs.Get
+ <span class="word-bc">tendency</span>
+ is to work 24/7 in response to the industry needs.Get
familiar with the behavior patterns accepted in your colleagues鈥�
- countries,and learn about their traditions,you will finally find
- the best way to respectfully communicate.
+ countries,and learn about their
+ <span class="word-bc">traditions</span>
+ ,you will finally find the best way to respectfully communicate.
</p>
<p>
- Language and cultural barriers can cause frustration.Don鈥檛 let
+ Language and cultural
+ <span class="word-bc">barriers</span>
+ can cause
+ <span class="word-bc">frustration</span>
+ .Don鈥檛 let
emotions take over.Think about the objective you want to
reach,make an effort to understand the other person and use the
- most appropriate means for it.For example,email does not convey
+ most
+ <span class="word-bc">appropriate</span>
+ means for it.For example,email does not convey
the speaker鈥檚 emotions and limits the possibility to ask
- questions.Calling someone on the phone and hearing his/her tone
+ questions.Calling someone on the phone and hearing his/her
+ <span class="word-bc">tone</span>
can make the communication more smooth,and you will be surprised
by the level of understanding you will receive in return.
</p>
<p>
Working with colleagues from other countries or cultures can at
- times be challenging,but it is so rewarding when you can learn
+ times be challenging,but it is so
+ <span class="word-bc">rewarding</span>
+ when you can learn
from each other and open your eyes to other ways of 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 class="audio" @play="audioPlay"></audio>
+ <audio :src="resource.readingTwo" controls class="audio"></audio>
<p>define /d瑟藞fa瑟n/ <i>v.</i> 缁欌�︹�︿笅瀹氫箟</p>
<div class="bkbj">
<p><i>to state precisely the meaning of sth.</i></p>
@@ -470,44 +742,176 @@
<p class="center">
<img class="img-b" alt="" src="../../assets/images/0034-1.jpg" />
</p>
+ <p>1.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
+ <p>2.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
+ <p>3.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
+ <p>4.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.four" @change="setQuestionDataOne" /></p>
+ <p>5.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.five" @change="setQuestionDataOne" /></p>
+ <p>6.<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.rp.six" @change="setQuestionDataOne" /></p>
<p>
B.Decide whether the following statements are true (T) or false
(F).
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 1.An employee is usually defined by his/her talents
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.one.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 1.An employee is usually defined by his/her talents
and
abilities.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.one.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.one.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 2.During the interview,I didn鈥檛 have difficulty in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.two.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 2.During the interview,I didn鈥檛 have difficulty in
understanding my interviewer.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.two.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.two.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 3.In Latvia,it is normal to expect replies by email
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.three.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 3.In Latvia,it is normal to expect replies by email
after
normal working hours.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.three.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.three.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 4.Learning about your colleagues鈥� traditions can
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.four.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 4.Learning about your colleagues鈥� traditions can
help you
move forward.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.four.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.four.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 5.Email can make the communication more smooth
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.five.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 5.Email can make the communication more smooth
because it
conveys the emotions.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.five.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.five.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 6.We can learn a lot from each other when working in
+ (<select class="select-border" :disabled="questionDataOne.isComplete"
+ v-model="questionDataOne.determineData.six.value" style="width: 8%">
+ <option v-for="(item, index) in questionDataOne.determineData.deterMineList" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>) 6.We can learn a lot from each other when working in
a
cross-cultural environment.
+ <span class="icon-box-big">
+ <svg v-if="questionDataOne.determineData.six.isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="questionDataOne.determineData.six.isRight == false" t="1716987085767" class="icon"
+ viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<!-- 绛旀 -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -523,15 +927,86 @@
<p>reward銆�disturb銆�tradition銆�accept銆�colleague銆�arise</p>
</div>
<p>
- 1.Working with photographers is one of the most <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> parts
+ 1.Working with photographers is one of the most <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.one"
+ @change="setQuestionDataOne" /> parts
of
my job.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
- <p>2.All families must have <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />that they regularly follow.</p>
- <p>3.Being late is <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />in any working environment.</p>
+ <p>2.All families must have <input :disabled="questionDataOne.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataOne.choiceData.two"
+ @change="setQuestionDataOne" /> that they regularly follow.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p>3.Being late is <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.three" @change="setQuestionDataOne" /> in any
+ working environment.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -555,21 +1030,89 @@
<div class="bodystyle">
<p>
4.Sarah鈥檚
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataOne.choiceData.four" @change="setQuestionDataOne" />
Li Lin made her feel welcome on her first day
at work.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 5.Problems will <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from communication between people
+ 5.Problems will <input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.five" @change="setQuestionDataOne" /> from
+ communication between people
from
different cultures.
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>
- 6.I鈥檓 sorry to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> you,but can I talk to you for a
+ 6.I鈥檓 sorry to<input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataOne.choiceData.six" @change="setQuestionDataOne" /> you,but
+ can I talk to you for a
moment?
+ <span>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataOne.isComplete &&
+ isTextRight(questionDataOne.choiceData.answer, questionDataOne.choiceData.six, 5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -580,16 +1123,31 @@
B.Underline the following expressions in the passage and make
sentences with them.
</p>
- <p>1.apply for <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>2.in response to <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /> </p>
- <p>3.get familiar with<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>4.take over<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
- <p>5.make an effort<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 370px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="tl-lf">1.apply for
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.one" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">2.in response to
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.two" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">3.get familiar with
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.three" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">4.take over
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.four" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
+ <p class="tl-lf">5.make an effort
+ <textarea :disabled="questionDataOne.isComplete" v-model="questionDataOne.uf.five" placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setQuestionDataOne"></textarea>
+ </p>
<!-- 渚嬪彞 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -605,29 +1163,26 @@
1.When working in a cross-cultural setting,there can be some
language barriers among employees.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.one" @change="setQuestionDataOne" /></p>
<p>
2.You could go for a walk or jog to manage your frustration at
work.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.two" @change="setQuestionDataOne" /></p>
<p>
3.They gave us some advice on how to correctly handle cultural
differences in the workplace.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.three" @change="setQuestionDataOne" /></p>
<p>
4.Wearing appropriate clothes in the office will make you feel
comfortable and confident.
</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.tf.four" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -649,7 +1204,7 @@
</span>
</p>
<div class="openImgBox" v-if="showImg">
- <img class="w100" :src="imgThirteen" />
+ <img class="w100" :src="imgThirteen" />
</div>
<p>
A.Read the example and underline the real subject that 鈥渋t鈥�
@@ -711,35 +1266,25 @@
</p>
</div>
<p>1.To share new ideas with others makes us feel good.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.one" @change="setQuestionDataOne" /></p>
<p>2.To get along well with colleagues is really important.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.two" @change="setQuestionDataOne" /></p>
<p>
3.To have an open mind towards a new culture is necessary in the
workplace.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.three" @change="setQuestionDataOne" /></p>
<p>
4.To think twice before acting is always necessary for everyone.
</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.four" @change="setQuestionDataOne" /></p>
<p>5.You are very kind to help me with my sales report.</p>
- <p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 470px"
- v-model="testData.in.one" @change="setTestData" />.
- </p>
+ <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
+ v-model="questionDataOne.re.five" @change="setQuestionDataOne" /></p>
<!--绛旀 -->
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showLessonOneQuestionAnswer">
@@ -754,12 +1299,12 @@
<div class="w100 fl">
<ul class="fl ju-ar w100">
<li>
- <button class="btn-border btn-w" @click="saveData">
+ <button class="btn-border btn-w" @click="saveDataOne">
鎻愪氦
</button>
</li>
<li>
- <button @click="changeTestData" class="btn-border btn-w">
+ <button @click="changeQuestionDataOne" class="btn-border btn-w">
閲嶅仛
</button>
</li>
@@ -840,7 +1385,7 @@
</div>
<!-- 27 -->
<div class="page-box" page="33">
- <div v-if="showPageList.indexOf(34) > -1">
+ <div v-if="showPageList.indexOf(33) > -1">
<!-- 澶撮儴 -->
<ul class="preface-odd-header w100 fl ju-bt">
<li class=""></li>
@@ -886,10 +1431,171 @@
<img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
</p>
<div class="bk-wh">
- <p>
- direct銆�formal銆�respect銆�privacy銆�hand-shaking銆�touch銆�comfortable銆�toast銆�chopsticks銆�seating
- arrangement
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span">direct</span>
+ <span class="word-bc mr-20 dl-span">formal</span>
+ <span class="word-bc mr-20 dl-span">respect</span>
+ <span class="word-bc mr-20 dl-span">privacy</span>
+ <span class="word-bc mr-20 dl-span">hand-shaking</span>
+ <span class="word-bc mr-20 dl-span">touch</span>
+ <span class="word-bc mr-20 dl-span">comfortable</span>
+ <span class="word-bc mr-20 dl-span">toast</span>
+ <span class="word-bc mr-20 dl-span">chopsticks</span>
+ <span class="word-bc mr-20 dl-span">seating
+ arrangement</span>
</p>
+ </div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤15.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤16.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤17.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤18.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤19.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤20.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤21.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤22.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤23.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤24.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤25.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤26.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤27.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-1銆丮ODULE 2锛坙esson one 锛塤28.jpg" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
</div>
<h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
<h3 id="c014" class="fl al-cn">
@@ -898,19 +1604,80 @@
<audio :src="resource.warmOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</h3>
<p><b>Appreciate the theme song of the Beijing</b>2022<b> Winter Olympics<i> Together for a Shared
- Future</i> and fill in the blanks.</b></p>
+ Future</i> and fill in the blanks.</b>
+ <span class="btn-box" @click="showWarmUpOneAnswer = !showWarmUpOneAnswer">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<p class="center"><b><i>Together for a Shared Future</i></b></p>
<p class="center">There鈥檚 a twinkle in your eye</p>
<p class="center">Reflects the snow that gently covers the tiles</p>
- <p class="center">Fly to the 1.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">Fly to the 1. <input v-model="warmUpOne.one.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('one')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
<p class="center">See the world鈥檚 new coat of crystal white</p>
- <p class="center">This feeling you just can鈥檛 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">This feeling you just can鈥檛 2. <input v-model="warmUpOne.two.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('two')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+
+ </p>
<p class="center">Feels as snow as pure as that azure ice</p>
<p class="center">Fly to the sky</p>
- <p class="center">Ride the 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />watch your fears roll by</p>
+ <p class="center">Ride the 3. <input v-model="warmUpOne.three.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('three')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ watch your fears roll by
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -933,59 +1700,154 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center">When everyone needs 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /></p>
+ <p class="center">When everyone needs 4.
+ <input v-model="warmUpOne.four.value" style="width: 60px" class="input-bottom-border "
+ @blur="handleQuestion('four')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
<p class="center">Let鈥檚 go hand in hand and rise above</p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
- <p class="center">We can 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />the sky</p>
+ <p class="center">We can 5. <input v-model="warmUpOne.five.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('five')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>the sky
+ </p>
<p class="center">We all know how to love</p>
- <p class="center">Open up your 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />and
- that鈥檚 enough</p>
+ <p class="center">Open up your 6. <input v-model="warmUpOne.six.value" style="width: 60px"
+ class="input-bottom-border " @blur="handleQuestion('six')" @change="setWarmUpOne()" />
+ <span class="icon-box-big">
+ <svg v-if="warmUpOne.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUpOne.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+ version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>and
+ that鈥檚 enough
+ </p>
<p class="center">Together for a shared future</p>
<p class="center">You and I</p>
<p class="center">Together</p>
<p class="center">We can touch the sky</p>
<!--绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showWarmUpOneAnswer">
绛旀锛�(1)sky (2)deny (3)rainbow (4)love (5)touch (6)heart
</p>
<h3 id="c015"><span class="bjh3">Reading</span></h3>
- <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?</p>
- <p>2.What impressed you most during the Beijing 2022 Winter Olympics?</p>
+ <p>1.Have you watched the Beijing 2022 Winter Olympics? What did you think of the opening ceremony?
+ <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
+ 绛旀锛�(1) The 鈥淥ne World, One Family鈥� theme of the Opening Ceremony was represented by the image of a single
+ snowflake and was central to the showpiece from beginning to the end of the Ceremony. The theme was based
+ on an ancient Chinese saying which meant that "a truly wise person sees the whole world as a family".
+ (2) With the core expression of "Together for a Shared Future", it gave the world a romantic and beautiful
+ event full of modernity by integrating the concepts of scientific and technological innovation, low-carbon
+ environmental protection and sports and health.
+ </p>
+ <p>2.What impressed you most during the Beijing 2022 Winter Olympics?
+ <span class="btn-box" @click="showAnswerFive = !showAnswerFive">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
+ 绛旀锛�(1) The twenty-four solar terms of the opening ceremony and the twelve Chinese zodiac signs of the
+ closing ceremony are the romance of the Chinese! It used the most secularized image to symbolize Chinese
+ people and tell Chinese story.
+ (2) I still remember its amazing performances, top-tier competitions, and of course, cheerful friendship
+ and sportsmanship, leaving many with the moments that reflect the true meaning of the Olympic spirit.
+ (3) I was impressed by the heartwarming stories, including the friendship between Russian and Ukrainian
+ athletes, touching celebrations, and gift-changing moments between Chinese and US athletes. A heartfelt
+ "Welcome-to-China" greeting which made a US athlete cry, and two strangers who live thousands of miles
+ apart could become friends thanks to an Olympic gift.
+
+ </p>
<p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
- <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
- <p>For an
- <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
- or a country,a period of 14 years is long enough to become calm,confident and
- <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
- .On
- the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
+ <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio></p>
+ <p>For an
+ <span class="word-bc">individual</span>
+ or a country,a period of 14 years is long enough to become calm,confident and
+ <span class="word-bc">mature</span>
+ .On
+ the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
+ </p>
<p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
- <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
+ <span class="word-bc">journalist</span>
.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
- simply enjoying the moment.</p>
- <p>Turning up as simple but
- <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
- ,the opening
- <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
- lasted for about two hours with less performing
- artists but more
- <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
- technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
- 鈥渕yself鈥� 14 years ago at the same sports field.The
- <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
+ simply enjoying the moment.
+ </p>
+ <p>Turning up as simple but
+ <span class="word-bc">impressive</span>
+ ,the opening
+ <span class="word-bc">ceremony</span>
+ lasted for about two hours with less performing
+ artists but more
+ <span class="word-bc">audio-visual</span>
+ technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
+ 鈥渕yself鈥� 14 years ago at the same sports field.The
+ <span class="word-bc">snowflake</span>
-shaped Olympic
- <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
+ <span class="word-bc">cauldron</span>
,formed by the smaller
- snowflakes with names of the
- <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
- countries and regions on them,was lit by two young Chinese
- athletes.</p>
+ snowflakes with names of the
+ <span class="word-bc" word="participate">participating</span>
+ countries and regions on them,was lit by two young Chinese
+ athletes.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1009,28 +1871,31 @@
<div class="bodystyle">
<p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
鈥�
- <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
- 鈥�,not only because of the
- <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
- situation but also a different China now 鈥攎ore confident in
- its culture.</p>
- <p>In the summer 14 years ago,I was like a
- <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
- full of energy rushing for work but also making
- errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
- <span class="word-bc" @click="saveWord($event, 'track')">track</span>
- due to injury.In the
+ <span class="word-bc">exceptional</span>
+ 鈥�,not only because of the
+ <span class="word-bc">pandemic</span>
+ situation but also a different China now 鈥攎ore confident in
+ its culture.
+ </p>
+ <p>In the summer 14 years ago,I was like a
+ <span class="word-bc">festivalgoer</span>
+ full of energy rushing for work but also making
+ errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
+ <span class="word-bc">track</span>
+ due to injury.In the
winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
- 鈥攖hanks to regular exercise and a positive view of sports
- <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
- .</p>
+ 鈥攖hanks to regular exercise and a positive view of sports
+ <span class="word-bc">competition</span>
+ .
+ </p>
<p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
- <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
- <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
- world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p>
- <p>I failed to control myself the moments when the Chinese national
- <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
- was played and when images of
+ <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
+ <span class="word-bc" word="impress">impressed</span> the
+ world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�
+ </p>
+ <p>I failed to control myself the moments when the Chinese national
+ <span class="word-bc">anthem</span>
+ was played and when images of
people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
</p>
@@ -1039,7 +1904,7 @@
<span class="line-border-box"></span>
</p>
<!-- 瑙嗛 -->
- <audio :src="resource.readingFour" controls class="audio" @play="audioPlay"></audio>
+ <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
<p>individual /藢瑟nd瑟藞v瑟d蕭蕣蓹l/ <i>n.</i> 涓汉锛涗釜浣�</p>
<div class="bkbj">
<p><i>a person considered separately rather than as part of a group</i></p>
@@ -1143,13 +2008,13 @@
<p>A.Read the passage and answer the following questions.</p>
<p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>2.What made the Beijing 2022 Winter Olympics 鈥渆xceptional鈥�?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
</div>
</div>
@@ -1174,8 +2039,8 @@
<div class="bodystyle">
<p>3.How does the author feel about China holding two Olympic Games?</p>
<p>
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 400px"
- v-model="testData.in.one" @change="setTestData" />.
+ <textarea v-model="questionData.reading.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
</p>
<p>B.Read the author鈥檚 opinions of the two Olympics,and put the number of the sentence into the right
@@ -1207,27 +2072,137 @@
<p>A.Replace the words or expressions in italics with the exact words in the passage and change the form if
necessary.</p>
<p>1.Each <i>person</i> has a particular job within the company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>2.Lin Wei showed <i>excellent</i> mechanic skills as an auto technician.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>3.As a team member,I always <i>take part</i> in the discussions as much as possible.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>4.She was the winner of the business plan <i>contest</i> in my company.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<p>5.He is a good <i>reporter</i> who is curious about new information every time.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 70px"
- v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border" style="width: 100px"
+ v-model="questionDataTwo.rw.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.rw.answer, questionDataTwo.rw.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) individual (2) exceptional (3)participate (4)competition (5) journalist
</p>
@@ -1235,15 +2210,86 @@
<div class="bk-wh">
<p>fail to銆�focus on銆�due to銆�move away銆�pay tribute to</p>
</div>
- <p>1.The delivery man was praised by us <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> his
- positive attitude.</p>
- <p>2.The manager basically <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> cost reduction and quality
- improvement.</p>
- <p>3.Li Ming <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> control his emotions when he saw
- the Chinese flag flying at the Olympic Stadium.</p>
+ <p>1.The delivery man was praised by us <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.one"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> his
+ positive attitude.
+ </p>
+ <p>2.The manager basically <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.two"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> cost reduction and quality
+ improvement.
+ </p>
+ <p>3.Li Ming<input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> control his emotions when he saw
+ the Chinese flag flying at the Olympic Stadium.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1266,17 +2312,85 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>4.The boss <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> what she had done for the
- company.</p>
- <p>5.To be creative,we鈥檇 better <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> from
- traditional ideas at work.</p>
+ <p>4.The boss <input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border"
+ style="width: 100px" v-model="questionDataTwo.blanksData.four" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> what she had done for the
+ company.
+ </p>
+ <p>5.To be creative,we鈥檇 better <input :disabled="questionDataTwo.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataTwo.blanksData.five"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataTwo.isComplete &&
+ isTextRight(questionDataTwo.blanksData.answer, questionDataTwo.blanksData.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> from
+ traditional ideas at work.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
绛旀锛�(1) due to (2) focuses on (3)failed to (4)paid tribute to (5) move away
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataTwo">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataTwo" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSix = !showAnswerSix" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
+
<p><b>鈪�.Grammar focus:Active and passive voice.</b>
<span class="btn-box" @click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1289,37 +2403,241 @@
</span>
</p>
<div class="openImgBox" v-if="showImgOne">
- <img class="w100" :src="imgThirteenOne" />
+ <img class="w100" :src="imgThirteenOne" />
</div>
<p>Complete the passage using the correct form of the verbs in the brackets.</p>
- <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <p>Fashion designer Vivienne Tam 1. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.one"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(name) 鈥淵in Yok鈥� when she was born.She was given her English
- name when she started studying in Hong Kong.Her teacher 2. <input :disabled="testData.isComplete"
- type="text" class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" /> (teach) English at school but she
- spoke Chinese at home.Her parents 3. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ name when she started studying in Hong Kong.Her teacher 2. <input :disabled="questionDataThree.isComplete"
+ type="text" class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.two"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (teach) English at school but she
+ spoke Chinese at home.Her parents 3. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.three"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(tell) her to remember Chinese culture.At the same
- time,Western ideas 4. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (introduce) to her since people
+ time,Western ideas 4. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.four"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (introduce) to her since people
from many cultures were living in Hong
- Kong.This mix of East and West in her life 5. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (see)
- in her designs even now.Vivienne 6. <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ Kong.This mix of East and West in her life 5. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.five"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (see)
+ in her designs even now.Vivienne 6. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.six"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.six, 5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
(move) to New York when she was twenty-five.Her new and interesting designs were liked by important shops
- there,so a lot of orders for her clothing 7 <input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
- (place).Today she 8. <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /> (sell) East-meets-West
- clothes not only in New York,but also in cities around the world.</p>
+ there,so a lot of orders for her clothing 7 <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.seven"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.seven, 6) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ (place).Today she 8. <input :disabled="questionDataThree.isComplete" type="text"
+ class="input-bottom-border" style="width: 100px" v-model="questionDataThree.cp.eight"
+ @change="setQuestionDataThree" />
+ <span>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ questionDataThree.isComplete &&
+ isTextRight(questionDataThree.cp.answer, questionDataThree.cp.eight, 7) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span> (sell) East-meets-West
+ clothes not only in New York,but also in cities around the world.
+ </p>
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
绛旀锛�(1)was named (2) taught (3)told (4)were introduced (5) is seen (6)
moved (7) were placed (8) sells
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ev w80">
+ <li>
+ <button class="btn-border btn-w" @click="saveDataThree">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeQuestionDataThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showAnswerSeven = !showAnswerSeven" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c016"><span class="bjh3">Mini-project</span></h3>
<p>China has a history of over 5,000 years with rich cultural heritage and great achievements that have
drawn admiration from around the world.There are plenty of good reasons to be proud of her.List the things
@@ -1346,8 +2664,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyTwo"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
@@ -1384,8 +2702,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyFour"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
<textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
@@ -1394,8 +2712,8 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea v-model="questionData.table.twentyFix"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
<textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
@@ -1403,35 +2721,161 @@
</td>
</tr>
</table>
- <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤14.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤15.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤16.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤17.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤18.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤19.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤20.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤21.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤22.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-2銆丮ODULE 2锛坙esson two锛塤23.jpg" />
+ </div>
+ </div>
+
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
+ <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
<h3 id="c017"><span class="bjh3">Listening</span></h3>
<p><b>鈪�.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
- <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
+ <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn" colspan="2">Cultural Diversity Day</td>
</tr>
<tr class="table-tr-bc">
<td>When is it?</td>
- <td>1.On<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />21st</td>
+ <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
</tr>
<tr class="table-tr-bc">
<td>Why do we celebrate it?</td>
- <td>Recognizing cultural 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />
+ <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="questionData.reading.eleven" @change="setBookQuestion" />
Understanding the concept of culture.
- Getting to know each other through the differences in language,3.<input
- :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t "
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />race,
+ Getting to know each other through the differences in language,3.<input type="text"
+ class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve"
+ @change="setBookQuestion" />race,
religion and other elements.
- Giving people a sense of 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />in their own culture.
- .Leading to community 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 70px" v-model="testData.in.one"
- @change="setTestData" />and personal growth.</td>
+ Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
+ style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own
+ culture.
+ .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
</tr>
</table>
<!-- 绛旀 -->
@@ -1440,28 +2884,300 @@
</p>
<p><b>鈪�.Listen to the conversation and mark the activities when mentioned.</b></p>
- <audio :src="resource.listenThree" controls class="audio" @play="audioPlay"></audio>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
- Lecture on Ancient Chinese History</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Calligraphy &
- Painting Demonstration</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Music</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Sichuan Opera</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Chinese Cuisine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tea Ceremony</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Tai Chi</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Medicine</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />Traditional Chinese
- Crafts</p>
+ <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
+ value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
+ Lecture on Ancient Chinese History
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Lecture on Ancient Chinese History'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
+ value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &
+ Painting Demonstration
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Calligraphy & Painting Demonstration'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
+ v-model="check.value" @change="setCheck" />Traditional Chinese Music
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Music'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
+ v-model="check.value" @change="setCheck" />Sichuan Opera
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Sichuan Opera'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
+ v-model="check.value" @change="setCheck" />Chinese Cuisine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Chinese Cuisine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
+ v-model="check.value" @change="setCheck" />Tea Ceremony
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tea Ceremony'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
+ v-model="check.value" @change="setCheck" />Tai Chi
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Tai Chi'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
+ id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Medicine'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
+ v-model="check.value" @change="setCheck" />Traditional Chinese Crafts
+ <span>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ )
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
+ height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ check.isComplete &&
+ isShowRight(
+ check.answer, check.value, 'Traditional Chinese Crafts'
+ ) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+
<!-- 绛旀 -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
绛旀锛�(1) Lecture on Ancient Chinese History (2)Calligraphy &
Painting Demonstration (3)Traditional Chinese
Music (4)Tea Ceremony (5) Tai Chi (6) Traditional Chinese Crafts
</p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataCheck">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeCheck" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEight = !showAnswerEight
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1486,17 +3202,33 @@
<div class="bodystyle">
<h3 id="c018"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.Why is a schedule important for everyone attending the event?</p>
- <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ <p>1.Why is a schedule important for everyone attending the event?
+ <span class="btn-box" @click="showAnswerNine = !showAnswerNine">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
绛旀锛�(1)Save time and stress (2)Organize all detail (3) Meet your objectives (4)Manage
time for extra tasks
</p>
- <p>2.What are the elements of a schedule?</p>
+ <p>2.What are the elements of a schedule?
+ <span class="btn-box" @click="showAnswerTen = !showAnswerTen">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
<textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen">
绛旀锛欼t includes dates, locations, programming start and end time.
</p>
@@ -1514,7 +3246,219 @@
</div>
<p><b>鈪�.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
Chinese in the brackets.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0044-2.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-th-bc">
+ <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ <td class="wh-no tl-cn">Activities</td>
+ <td class="tl-cn">Location</td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-lf">
+ <p class="table-p">Monday 05/15 </p>
+ <p class="table-p">9:30a.m.-11:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two"
+ @change="setTableBlanksData" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p class="table-p">(涓浗涔︽硶缁樼敾鑲�)</p>
+ <p class="table-p">(Chinese Snacks Provided)</p>
+ </td>
+ <td>
+ Fine Arts Gallery
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three"
+ @change="setTableBlanksData" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ <p class="table-p">(5鏈�16鏃ユ槦鏈熶簩)</p>
+ <p class="table-p">9:30a.m.-1l:30a.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Aeademic Lecture</p>
+ <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
+ </td>
+ <td>
+ Conference Hall
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Wednesday 05/17</p>
+ <p class="table-p">6:30p.mm.-8:00p.m.</p>
+ </td>
+ <td>
+ Traditional Chinese Music Performance
+ </td>
+ <td>
+ 4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>(闊充箰鍘�)
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td>
+ <p class="table-p">Thursday 05/18</p>
+ <p class="table-p">2:00p.m.-4:00p.m.</p>
+ </td>
+ <td>
+ <p class="table-p">Workshop</p>
+ <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five"
+ @change="setTableBlanksData" />
+ <span>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksData.isComplete &&
+ isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>(鑼堕亾)
+ </p>
+ <p class="table-p">Tai Chi</p>
+ <p class="table-p">Traditional Chinese CmAs</p>
+ </td>
+ <td>
+ Media Arts Center
+ </td>
+ </tr>
+ </table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
+ 绛旀锛�(1)Time (2)Chinese Calligraphy & Painting Demonstration &
+ (3)Tuesday 05/16 (4)Concert Hall (5)tea ceremony
+
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTable">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTable" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerEleven = !showAnswerEleven
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1569,8 +3513,30 @@
</tr>
<tr class="table-tr-bc">
<td style="text-wrap: nowrap">
- 1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
<td>Attend the festival activities</td>
<td>
@@ -1581,38 +3547,181 @@
<td>Wednesday</td>
<td>Climb the mountain</td>
<td>
- 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ 2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
</tr>
<tr class="table-tr-bc">
<td>Thursday</td>
<td>Visit attractions in the downtown
- 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ 3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
<td>
Wuhou Temple & Jinsha Site MuseumShunxing Tea House
</td>
</tr>
<tr class="table-tr-bc">
<td>Friday</td>
- <td> 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />Buy souvenirs</td>
+ <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four"
+ @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>Buy souvenirs
+ </td>
<td>
Panda Base 5.
- <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
</td>
</tr>
<tr class="table-tr-bc">
<td>Saturday</td>
- <td>6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t"
- style="width: 70px" v-model="testData.in.one" @change="setTestData" /></td>
+ <td>6.
+ <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
+ style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
+ <span>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ tableBlanksDataOne.isComplete &&
+ isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
<td>
Shuangliu International Airport
</td>
</tr>
</table>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
+ 绛旀锛�(1)Tuesday (2)Mt. Qingcheng
+ (3)Watch Sichuan opera (4)See giant pandas (5)Jinli Old Street
+ (6)Return to Kuala Lumpur
+ </p>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="savaDataTableOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTableOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showAnswerTwelve = !showAnswerTwelve
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<p>鈪�.<b>A delegation from Chiang Mai University is going to visit your college from December</b> 10-12<b> to
promote Chinese language teaching and cultural exchange in Thailand.Arrange a three-day schedule for the
delegation including the activities below.</b></p>
@@ -1874,6 +3983,88 @@
<p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys 鈥�</p>
</div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤01.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤02.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤03.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤04.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤05.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤06.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤07.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤08.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤09.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤10.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤11.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤12.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤13.jpg" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/2-3銆丮ODULE 2锛坙esson three锛塤14.jpg" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1897,6 +4088,8 @@
},
data() {
return {
+ correctIcon: require('@/assets/images/correct.svg'),
+ errorIcon: require('@/assets/images/error.svg'),
imgThirteen: require("../../assets/images/grammar2-1.png"),
imgThirteenOne: require("../../assets/images/grammar2-2.png"),
showAnswerOne: false,
@@ -1904,9 +4097,19 @@
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
+ showAnswerSix: false,
+ showAnswerSeven: false,
+ showAnswerEight: false,
+ showAnswerNine: false,
+ showAnswerTen: false,
+ showAnswerEleven: false,
+ showAnswerTwelve: false,
showImg: false,
- showImgOne:false,
+ showImgOne: false,
showLessonOneQuestionAnswer: false,
+ showWarmUpAnswer: false,
+ showAnswerWp: false,
+ showWarmUpOneAnswer: false,
rawData: {
left: [
{
@@ -2056,12 +4259,23 @@
value: "",
isRight: null,
answer: "Chinese chess",
- },
- seven: "",
+ }
},
reading: {
one: "",
two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
},
table: {
one: "",
@@ -2071,7 +4285,7 @@
five: "",
six: "",
seven: "",
- enight: "",
+ eight: "",
nine: "",
ten: "",
eleven: "",
@@ -2084,59 +4298,63 @@
eighteen: "",
nineteen: "",
twenty: "",
- twentyOne:"",
- twentyTwo:"",
- twentyThree:"",
- twentyFour:"",
- twentyFive:"",
- twentySix:"",
- twentySeven:"",
- twentyEight:"",
- twentyNine:"",
+ twentyOne: "",
+ twentyTwo: "",
+ twentyThree: "",
+ twentyFour: "",
+ twentyFive: "",
+ twentySix: "",
+ twentySeven: "",
+ twentyEight: "",
+ twentyNine: "",
thirty: "",
- thirtyOne:"",
- thirtyTwo:"",
- thirtyThree:"",
- thirtyFour:"",
- thirtyFive:"",
- thirtySix:"",
- thirtySeven:"",
- thirtyEight:"",
- thirtyNine:"",
+ thirtyOne: "",
+ thirtyTwo: "",
+ thirtyThree: "",
+ thirtyFour: "",
+ thirtyFive: "",
+ thirtySix: "",
+ thirtySeven: "",
+ thirtyEight: "",
+ thirtyNine: "",
forty: "",
- fortyOne:"",
- fortyTwo:"",
- fortyThree:"",
- fortyFour:"",
- fortyFive:"",
- fortySix:"",
- fortySeven:"",
- fortyEight:"",
- fortyNine:"",
+ fortyOne: "",
+ fortyTwo: "",
+ fortyThree: "",
+ fortyFour: "",
+ fortyFive: "",
+ fortySix: "",
+ fortySeven: "",
+ fortyEight: "",
+ fortyNine: "",
fifty: "",
- fiftyOne:"",
- fiftyTwo:"",
- fiftyThree:"",
- fiftyFour:"",
- fiftyFive:"",
- fiftySix:"",
- fiftySeven:"",
- fiftyEight:"",
- fiftyNine:"",
+ fiftyOne: "",
+ fiftyTwo: "",
+ fiftyThree: "",
+ fiftyFour: "",
+ fiftyFive: "",
+ fiftySix: "",
+ fiftySeven: "",
+ fiftyEight: "",
+ fiftyNine: "",
sixty: "",
- sixtyOne:"",
- sixtyTwo:"",
- sixtyThree:"",
- sixtyFour:"",
- sixtyFive:"",
- sixtySix:"",
- sixtySeven:"",
- sixtyEight:"",
- sixtyNine:"",
+ sixtyOne: "",
+ sixtyTwo: "",
+ sixtyThree: "",
+ sixtyFour: "",
+ sixtyFive: "",
+ sixtySix: "",
+ sixtySeven: "",
+ sixtyEight: "",
+ sixtyNine: "",
},
},
+ radio: {
+ isRight: null,
+ answer: ["", "Date and time", "Address", "Organizer"],
+ value: [],
+ },
testData: {
- check: [],
tx: {
one: "",
two: "",
@@ -2229,14 +4447,295 @@
answer: "facial recognition",
},
},
+ //new
+ warmUp: {
+ isComplete: false,
+ NumList: [
+ "1",
+ "2",
+ "3",
+ "4",
+ ],
+ ChoiceList: [
+ "a",
+ "b",
+ "c",
+ "d",
+ ],
+ one: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "2,c",
+ },
+ two: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "4,b",
+ },
+ three: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "3,a",
+ },
+ four: {
+ value: "",
+ values: "",
+ isRight: null,
+ answer: "1,d",
+ },
+ },
+ //page 24锛�25锛�26棰橀泦
+ questionDataOne: {
+ isComplete: false,
+ // 鍒ゆ柇
+ determineData: {
+ deterMineList: [
+ "T",
+ "F",
+ ],
+ one: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "F",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "T",
+ }
+ },
+ // 閫夋嫨
+ choiceData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["witnessed", "rewarding", "traditions", "unacceptable", "colleague", "arise",],
+ },
+ //濉┖锛堟棤闇�杩涜鍒ゆ柇锛�
+ rp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ },
+ uf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ },
+ tf: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ },
+ re: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: ""
+ },
+ },
+ //page 27.28绂诲紑杩涜鍒ゆ柇棰�
+ warmUpOne: {
+ one: {
+ value: "",
+ isRight: null,
+ answer: "sky",
+ },
+ two: {
+ value: "",
+ isRight: null,
+ answer: "deny",
+ },
+ three: {
+ value: "",
+ isRight: null,
+ answer: "rainbow",
+ },
+ four: {
+ value: "",
+ isRight: null,
+ answer: "love",
+ },
+ five: {
+ value: "",
+ isRight: null,
+ answer: "touch",
+ },
+ six: {
+ value: "",
+ isRight: null,
+ answer: "heart",
+ },
+ },
+ //page 31,32棰橀泦
+ questionDataTwo: {
+ isComplete: false,
+ rw: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["individual", "exceptional", "participate", "competition", "journalist"],
+ },
+ blanksData: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["due to", "focuses on", "failed to", "paid tribute to", "move away"],
+ },
+ },
+ //page 32 鍗曡瘝涓嶅悓褰㈠紡濉┖
+ questionDataThree: {
+ isComplete: false,
+ cp: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ answer: ["was named", "taught", "told", "were introduced", "is seen", "moved", "were placed", "sells"],
+ },
+ },
+ //page 33 澶氶�夐
+ check: {
+ isRight: null,
+ answer: ["Lecture on Ancient Chinese History", "Calligraphy & Painting Demonstration", "Traditional Chinese Music", "Tea Ceremony", "Tai Chi", "Traditional Chinese Crafts"],
+ value: [],
+ },
+ //page 34 琛ㄦ牸鍐呭～绌�
+ tableBlanksData: {
+ isComplete: false,
+ rs: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ answer: ["Time", "Chinese Calligraphy & Painting Demonstration", "Tuesday 05/16", "Concert Hall", "tea ceremony"],
+ },
+ },
+ //page 37 琛ㄦ牸鍐呭～绌�
+ tableBlanksDataOne: {
+ isComplete: false,
+ ma: {
+ one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street", "Return to Kuala Lumpur"],
+ },
+ },
+ radioOne: [
+ {
+ type: 'radio',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: "b",
+ userAnswer: "",
+ isRight: null
+ },
+ {
+ answer: "b",
+ userAnswer: "",
+ isRight: null
+ },
+ {
+ answer: "b",
+ userAnswer: "",
+ isRight: null
+ },
+ {
+ answer: "b",
+ userAnswer: "",
+ isRight: null
+ },
+ ]
+ }
+ ]
};
},
mounted() {
+ // new
+ const warmUp = localStorage.getItem("english-warmUp");
+ if (warmUp) {
+ this.warmUp = JSON.parse(warmUp);
+ }
+ const warmUpOne = localStorage.getItem("english-warmUpOne");
+ if (warmUpOne) {
+ this.warmUpOne = JSON.parse(warmUpOne);
+ }
+ const questionDataOne = localStorage.getItem("english-questionDataOne");
+ if (questionDataOne) {
+ this.questionDataOne = JSON.parse(questionDataOne)
+ }
+ const questionDataTwo = localStorage.getItem("english-questionDataTwo");
+ if (questionDataTwo) {
+ this.questionDataTwo = JSON.parse(questionDataTwo)
+ }
+ const questionDataThree = localStorage.getItem("english-questionDataThree");
+ if (questionDataThree) {
+ this.questionDataThree = JSON.parse(questionDataThree)
+ }
+ const check = localStorage.getItem("english-check");
+ if (check) {
+ this.check = JSON.parse(check)
+ }
+ const tableBlanksData = localStorage.getItem("english-tableBlanksData");
+ if (tableBlanksData) {
+ this.tableBlanksData = JSON.parse(tableBlanksData)
+ }
+ const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
+ if (tableBlanksDataOne) {
+ this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
+ }
const testData = localStorage.getItem("english-testOne");
if (testData) {
this.testData = JSON.parse(testData);
}
- const bookQuestion = localStorage.getItem("english-book-question-one");
+ const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
@@ -2244,12 +4743,14 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+
+ const radioOne = localStorage.getItem("englis-chapter02-radioOne");
+ if (radioOne) {
+ this.radioOne = JSON.parse(radioOne);
+ }
this.getPath();
},
methods: {
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
@@ -2300,16 +4801,151 @@
},
};
},
+ changeWarmUp() {
+ localStorage.removeItem("english-warmUp");
+ for (let key in this.warmUp) {
+ let item = this.warmUp[key]
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ item.value = ""
+ item.values = ""
+ item.isRight = null
+ }
+ }
+ this.$set(this.warmUp, "isComplete", false);
+ this.showWarmUpAnswer = false
+ },
+ changeQuestionDataOne() {
+ localStorage.removeItem("english-questionDataOne");
+ const questionDataOnes = this.questionDataOne
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value = "";
+ citem.isRight = null;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes
+ this.$set(this.questionDataOne, "isComplete", false);
+ this.showLessonOneQuestionAnswer = false
+ },
+ changeQuestionDataTwo() {
+ localStorage.removeItem("english-questionDataTwo");
+ const questionDataTwos = this.questionDataTwo
+ for (let key in questionDataTwos) {
+ let item = questionDataTwos[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataTwo = questionDataTwos
+ this.$set(this.questionDataTwo, "isComplete", false);
+ this.showAnswerSix = false
+ },
+ changeQuestionDataThree() {
+ localStorage.removeItem("english-questionDataThree");
+ const questionDataThrees = this.questionDataThree
+ for (let key in questionDataThrees) {
+ let item = questionDataThrees[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.questionDataThree = questionDataThrees
+ this.$set(this.questionDataThree, "isComplete", false);
+ this.showAnswerSeven = false
+ },
+ changeCheck() {
+ localStorage.removeItem("english-check");
+ const Check = this.check
+ for (let key in Check) {
+ if (key != "answer" && key != "isComplete") {
+ Check.value = [];
+ }
+ }
+ this.$set(this.check, "isComplete", false);
+ this.check = Check;
+ this.showAnswerEight = false
+ },
+ changeTable() {
+ localStorage.removeItem("english-tableBlanksData");
+ const tableBlanksDatas = this.tableBlanksData
+ for (let key in tableBlanksDatas) {
+ let item = tableBlanksDatas[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksData = tableBlanksDatas
+ this.$set(this.tableBlanksData, "isComplete", false);
+ this.showAnswerEleven = false
+ },
+ changeTableOne() {
+ localStorage.removeItem("english-tableBlanksDataOne");
+ const tableBlanksDataOnes = this.tableBlanksDataOne
+ for (let key in tableBlanksDataOnes) {
+ let item = tableBlanksDataOnes[key]
+ if (key != "isComplete") {
+ for (let keys in item) {
+ if (keys != "answer") {
+ item[keys] = ""
+ }
+ }
+ }
+ }
+ this.tableBlanksDataOne = tableBlanksDataOnes
+ this.$set(this.tableBlanksDataOne, "isComplete", false);
+ this.showAnswerTwelve = false
+ },
setBookQuestion() {
- console.log("淇濆瓨");
localStorage.setItem(
- "english-book-question-one",
+ "english-book-chapter02-question-one",
JSON.stringify(this.questionData)
);
},
+ setWarmUp() {
+ localStorage.setItem("english-warmUp", JSON.stringify(this.warmUp));
+ },
+ setWarmUpOne() {
+ localStorage.setItem("english-warmUpOne", JSON.stringify(this.warmUpOne));
+ },
+ setQuestionDataOne() {
+ localStorage.setItem("english-questionDataOne", JSON.stringify(this.questionDataOne));
+ },
+ setQuestionDataTwo() {
+ localStorage.setItem("english-questionDataTwo", JSON.stringify(this.questionDataTwo));
+ },
+ setQuestionDataThree() {
+ localStorage.setItem("english-questionDataThree", JSON.stringify(this.questionDataThree));
+ },
+ setCheck() {
+ localStorage.setItem("english-check", JSON.stringify(this.check));
+ },
+ setTableBlanksData() {
+ localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
+ },
+ setTableBlanksDataOne() {
+ localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
+ },
async getPath() {
this.resource.listenOne = await getResourcePath(
- "D96D6F8082786B037A2B1842860BC0C4 "
+ "D96D6F8082786B037A2B1842860BC0C4"
);
this.resource.readingOne = await getResourcePath(
"E51F6E052B08F00B19819E4D5504219F"
@@ -2339,39 +4975,13 @@
} else if (type == "showImgOne") {
this.showImgOne = !this.showImgOne;
}
- setTimeout(()=>{ this.$emit("initViewer","")},500)
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
- if (type == "one") {
- this.questionData.warnUp.one.value
- ? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
- : (this.questionData.warnUp.one.isRight = null);
- } else if (type == "two") {
- this.questionData.warnUp.two.value
- ? (this.questionData.warnUp.two.isRight =
- this.questionData.warnUp.two.value == "Chinese medicine")
- : (this.questionData.warnUp.two.isRight = null);
- } else if (type == "three") {
- this.questionData.warnUp.three.value
- ? (this.questionData.warnUp.three.isRight =
- this.questionData.warnUp.three.value == "Chinese calligraphy")
- : (this.questionData.warnUp.three.isRight = null);
- } else if (type == "four") {
- this.questionData.warnUp.four.value
- ? (this.questionData.warnUp.four.isRight =
- this.questionData.warnUp.four.value == "Taichi")
- : (this.questionData.warnUp.four.isRight = null);
- } else if (type == "five") {
- this.questionData.warnUp.five.value
- ? (this.questionData.warnUp.five.isRight =
- this.questionData.warnUp.five.value == "sweet dumpling")
- : (this.questionData.warnUp.five.isRight = null);
- } else if (type == "six") {
- this.questionData.warnUp.six.value
- ? (this.questionData.warnUp.six.isRight =
- this.questionData.warnUp.six.value == "Chinese chess")
- : (this.questionData.warnUp.six.isRight = null);
+ if (this.warmUpOne[type].value.trim()) {
+ this.warmUpOne[type].isRight = this.warmUpOne[type].value.trim() == this.warmUpOne[type].answer
+ } else {
+ this.warmUpOne[type].isRight = null
}
},
handleDropdown(type) {
@@ -2402,11 +5012,159 @@
);
},
saveData() {
- console.log(this.testData);
+ const warmUps = this.warmUp;
+ for (let key in warmUps) {
+ let item = warmUps[key];
+ if (key != "isComplete" && key != "NumList" && key != "ChoiceList") {
+ const citem = item.value + ',' + item.values;
+ citem == item.answer ? item.isRight = true : item.isRight = false;
+ }
+ }
+ this.warmUp = warmUps;
+ this.$set(this.warmUp, "isComplete", true);
+ this.setWarmUp();
+ this.isTextRight
+ this.showWarmUpAnswer = true
+ },
+ saveDataOne() {
+ const questionDataOnes = this.questionDataOne;
+ for (let key in questionDataOnes) {
+ let item = questionDataOnes[key]
+ if (key != "isComplete" && key != "rp" && key != "uf" && key != "tf" && key != "re" && key != "choiceData") {
+ for (let keys in item) {
+ const citem = item[keys]
+ if (keys != "deterMineList") {
+ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false;
+ }
+ }
+ }
+ }
+ this.questionDataOne = questionDataOnes;
+ this.$set(this.questionDataOne, "isComplete", true);
+ this.setQuestionDataOne();
+ this.isTextRight;
+ this.showLessonOneQuestionAnswer = true;
+ },
+ saveDataTwo() {
+ this.$set(this.questionDataTwo, "isComplete", true);
+ this.setQuestionDataTwo();
+ this.isTextRight;
+ this.showAnswerSix = true;
+ },
+ saveDataThree() {
+ this.$set(this.questionDataThree, "isComplete", true);
+ this.setQuestionDataThree();
+ this.isTextRight;
+ this.showAnswerSeven = true;
+ },
+ savaDataCheck() {
+ this.$set(this.check, "isComplete", true);
+ this.setCheck();
+ this.isShowRight;
+ this.showAnswerEight = true
+ },
+ savaDataTable() {
+ this.$set(this.tableBlanksData, "isComplete", true);
+ this.setTableBlanksData();
+ this.isTextRight;
+ this.showAnswerEleven = true;
+ },
+ savaDataTableOne() {
+ this.$set(this.tableBlanksDataOne, "isComplete", true);
+ this.setTableBlanksDataOne();
+ this.isTextRight;
+ this.showAnswerTwelve = true;
+ },
+ handleListeningQuestion(type) {
+ if (type == "one") {
+ this.questionData.lessonThree.one.value
+ ? (this.questionData.lessonThree.one.isRight =
+ this.questionData.lessonThree.one.value == "culture")
+ : (this.questionData.lessonThree.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.lessonThree.two.value
+ ? (this.questionData.lessonThree.two.isRight =
+ this.questionData.lessonThree.two.value == "explore")
+ : (this.questionData.lessonThree.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.lessonThree.three.value
+ ? (this.questionData.lessonThree.three.isRight =
+ this.questionData.lessonThree.three.value == "subways")
+ : (this.questionData.lessonThree.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.lessonThree.four.value
+ ? (this.questionData.lessonThree.four.isRight =
+ this.questionData.lessonThree.four.value == "convenient")
+ : (this.questionData.lessonThree.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.lessonThree.five.value
+ ? (this.questionData.lessonThree.five.isRight =
+ this.questionData.lessonThree.five.value == "surprising")
+ : (this.questionData.lessonThree.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.lessonThree.six.value
+ ? (this.questionData.lessonThree.six.isRight =
+ this.questionData.lessonThree.six.value == "beach")
+ : (this.questionData.lessonThree.six.isRight = null);
+ }
},
audioPlay() {
this.$emit("closeMiniAudio");
},
+ isTextRight(answer, data, num) {
+ let flag = null;
+ if (data) {
+ flag = answer[num] == data
+ } else {
+ flag = false
+ }
+ return flag;
+ },
+ isShowRight(answer, userAnswer, data) {
+ let flag = null;
+ if (userAnswer.indexOf(data) > -1) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
+ },
+ savaRadioOne() {
+ localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne));
+ },
+ handleRadioOne() {
+ for (let index = 0; index < this.radioOne.length; index++) {
+ const item = this.radioOne[index];
+ item.isShowAnswer = true
+ item.isComplete = true
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ if (citem.userAnswer != "") {
+ citem.isRight = citem.answer == citem.userAnswer
+ } else {
+ citem.isRight = null
+ }
+ }
+ }
+ this.savaRadioOne()
+ },
+ changeRadioOne() {
+ for (let index = 0; index < this.radioOne.length; index++) {
+ const item = this.radioOne[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null
+ citem.userAnswer = ""
+ }
+ }
+ localStorage.removeItem("englis-chapter02-radioOne");
+ },
+ viewRadioOne() {
+ for (let index = 0; index < this.radioOne.length; index++) {
+ const item = this.radioOne[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ }
},
};
</script>
--
Gitblit v1.9.1