From 9d165d615e8a05937465a490d0cc7c05804a5f5e Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 17:04:43 +0800
Subject: [PATCH] 英语样章优化
---
src/books/English/view/components/chapter001.vue | 2847 +++++++++++++++++++++++++++++++++++++++++++++++++---------
src/books/English/assets/main.less | 3
2 files changed, 2,380 insertions(+), 470 deletions(-)
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 64abac4..4c0de43 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -679,6 +679,9 @@
.fw-wr {
flex-wrap: wrap;
}
+ .ju-ar {
+ justify-content: space-around;
+ }
.ju-bt {
justify-content: space-between;
}
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 6fee5eb..00eb6ce 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -26,7 +26,10 @@
<div class="page-box" page="8">
<div v-if="showPageList.indexOf(8) > -1">
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -40,13 +43,22 @@
</h2>
<h3 id="c001"><span class="bjh3">Warm-up</span></h3>
<p>
- <b>鈪�.Write down the English words for the Chinese cultural symbols
- in the following pictures.</b>
+ <b
+ >鈪�.Write down the English words for the Chinese cultural symbols
+ in the following pictures.</b
+ >
<span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
+ <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)" />
+ transform="translate(-3327.144 15329)"
+ />
</svg>
</span>
</p>
@@ -58,57 +70,120 @@
<img src="../../assets/images/0012-1.jpg" class="w100" />
</p>
<p class="center">
- 1.<input v-model="questionData.warnUp.one.value" class="input-bottom-border fz-18"
- @blur="handleQuestion('one')" @change="setBookQuestion" />
+ 1.<input
+ v-model="questionData.warnUp.one.value"
+ class="input-bottom-border fz-18"
+ @blur="handleQuestion('one')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛欳hinese knot
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0012-2.jpg" style="width: 94%" />
+ <img
+ src="../../assets/images/0012-2.jpg"
+ style="width: 94%"
+ />
</p>
<p class="center">
- 2.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.two.value"
- @blur="handleQuestion('two')" @change="setBookQuestion" />
+ 2.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.two.value"
+ @blur="handleQuestion('two')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛欳hinese medicine
</p>
</div>
@@ -121,57 +196,120 @@
<img src="../../assets/images/0012-3.jpg" class="w100" />
</p>
<p class="center">
- 3.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.three.value"
- @blur="handleQuestion('three')" @change="setBookQuestion" />
+ 3.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.three.value"
+ @blur="handleQuestion('three')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛欳hinese calligraphy
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0012-4.jpg" style="width: 93%" />
+ <img
+ src="../../assets/images/0012-4.jpg"
+ style="width: 93%"
+ />
</p>
<p class="center">
- 4.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.four.value"
- @blur="handleQuestion('four')" @change="setBookQuestion" />
+ 4.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.four.value"
+ @blur="handleQuestion('four')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛歍aichi
</p>
</div>
@@ -184,57 +322,120 @@
<img src="../../assets/images/0012-5.jpg" class="w100" />
</p>
<p class="center">
- 5.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.five.value"
- @blur="handleQuestion('five')" @change="setBookQuestion" />
+ 5.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.five.value"
+ @blur="handleQuestion('five')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛歴weet dumpling
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0012-6.jpg" style="width: 92%" />
+ <img
+ src="../../assets/images/0012-6.jpg"
+ style="width: 92%"
+ />
</p>
<p class="center">
- 6.<input class="input-bottom-border fz-18" v-model="questionData.warnUp.six.value"
- @blur="handleQuestion('six')" @change="setBookQuestion" />
+ 6.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.six.value"
+ @blur="handleQuestion('six')"
+ @change="setBookQuestion"
+ />
<span class="icon-box">
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="questionData.warnUp.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">
+ <svg
+ v-if="questionData.warnUp.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerTwo">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerTwo"
+ >
绛旀锛欳hinese chess
</p>
</div>
@@ -249,17 +450,32 @@
鏄剧ず绛旀
</button> -->
<span class="btn-box" @click="showAnswerOne = !showAnswerOne">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
+ <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)" />
+ transform="translate(-3327.144 15329)"
+ />
</svg>
</span>
</p>
<p class="t0">
- <input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" style="width: 100%" />
+ <input
+ v-model="questionData.warnUp.seven"
+ class="input-bottom-border fz-18"
+ style="width: 100%"
+ />
</p>
- <p class="event-header-text-bc pd-5" style="width: 100%" v-if="showAnswerOne">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 100%"
+ v-if="showAnswerOne"
+ >
绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese
silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8.
Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial
@@ -280,20 +496,30 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
- </ul>a
+ </ul>
+ a
<div class="padding-102">
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
<span class="bjh3">Listening</span>
<!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
+ <audio
+ :src="resource.listenOne"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
</h3>
<p>
- <b>Four foreigners are talking about their impressions on Chinese
+ <b
+ >Four foreigners are talking about their impressions on Chinese
culture.Listen to the recording and match the items with the
- corresponding descriptions.</b>
+ corresponding descriptions.</b
+ >
</p>
<!-- <p class="center">
<img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
@@ -318,16 +544,33 @@
鏄剧ず绛旀
</button> -->
<span class="btn-box" @click="showAnswerThree = !showAnswerThree">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
+ <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)" />
+ 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">
+ <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"
+ >
绛旀锛歍he Silk Road Immigrants Sinologist
</p>
<p>
@@ -340,16 +583,33 @@
鏄剧ず绛旀
</button> -->
<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"
+ <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)" />
+ transform="translate(-3327.144 15329)"
+ />
</svg>
</span>
</p>
- <textarea v-model="questionData.reading.two" 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">
+ <textarea
+ v-model="questionData.reading.two"
+ 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)Various delicious food (2)Unique architectures
(3)Beautiful (4)Intangible cultural heritage, such as Taichi,
shadow puppet show, traditional Chinese medicine, Peking Opera
@@ -357,8 +617,12 @@
</p>
<p class="center"><b>My Experience in Wonderland</b></p>
<p class="center">
- <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
-
+ <audio
+ :src="resource.readingOne"
+ controls
+ controlslist="noplaybackrate nodownload"
+ class="audio"
+ ></audio>
</p>
<p class="block">
鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly
@@ -369,29 +633,41 @@
</p>
<p>
My
- <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+ <span class="word-bc" @click="saveWord($event, 'incredible')"
+ >incredible</span
+ >
journey to China started in 2017 when I got selected as a foreign
student for PhD studies at one university.When I arrived in
China,I was like Alice in Alice in Wonderland.I was curious about
the people,the culture,the
- <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+ <span class="word-bc" @click="saveWord($event, 'cuisine')"
+ >cuisine</span
+ >
and of course the huge variety of
- <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+ <span class="word-bc" @click="saveWord($event, 'landscapes')"
+ >landscapes</span
+ >.
</p>
<p>
I found many great people and made several Chinese friends along
the way.These friends made me see China through the eyes of the
locals.I always found Chinese people very friendly and
- <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+ <span class="word-bc" @click="saveWord($event, 'hospitable')"
+ >hospitable</span
+ >
towards foreigners.These Chinese friends made my understanding of
Chinese culture and
- <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+ <span class="word-bc" @click="saveWord($event, 'civilization')"
+ >civilization</span
+ >
much easier,enjoyable and memorable.I consider China my second
home and love it like my own country!
</p>
<p>
You cannot
- <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+ <span class="word-bc" @click="saveWord($event, 'explore')"
+ >explore</span
+ >
China properly if you do not try its delicious variety of food.If
you ate
</p>
@@ -406,7 +682,10 @@
<div class="page-box" page="10">
<div v-if="showPageList.indexOf(10) > -1">
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -420,10 +699,16 @@
Chinese food would still never end! Though I love to eat almost
all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
quite
- <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+ <span class="word-bc" @click="saveWord($event, 'mouth-watering')"
+ >mouth-watering</span
+ >
and
- <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
- <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+ <span class="word-bc" @click="saveWord($event, 'stimulating')"
+ >stimulating</span
+ >.For a
+ <span class="word-bc" @click="saveWord($event, 'foodie')"
+ >foodie</span
+ >
like me,China is a heaven.I simply cannot live without Chinese
food.
</p>
@@ -433,8 +718,15 @@
its own story and history.From the big and advanced cities like
Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
Hangzhou,each city has its
- <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
- <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+ <span class="word-bc" @click="saveWord($event, 'unique')"
+ >unique</span
+ >
+ <span
+ class="word-bc"
+ style="margin-left: 5px"
+ @click="saveWord($event, 'atmosphere')"
+ >atmosphere</span
+ >
that attracts you.I visited more than a dozen cities and came
across their charming features and unique landscapes such as
Huangshan,the Great Wall,Canton Tower.
@@ -448,11 +740,18 @@
<img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
</p> -->
<p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
+ <span class="zt-cs" style="font-size: 20px"
+ >Words & Expressions</span
+ >
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- ></audio>
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ ></audio>
<p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
<div class="bkbj">
<p><i>land or place full of marvels or wonderful things</i></p>
@@ -466,7 +765,9 @@
</p>
<div class="bkbj">
<p>
- <i>the food served in a restaurant (usually an expensive one)</i>
+ <i
+ >the food served in a restaurant (usually an expensive one)</i
+ >
</p>
</div>
<p>landscape /藞l忙ndske瑟p/ <i>n.</i> 锛堥檰涓婏級 椋庢櫙锛屾櫙鑹�</p>
@@ -483,16 +784,20 @@
</p>
<div class="bkbj">
<p>
- <i>a society,its culture and its way of life (during a
+ <i
+ >a society,its culture and its way of life (during a
particular period of time or in a particular part of the
- world)</i>
+ world)</i
+ >
</p>
</div>
<p>explore /瑟k藞spl蓴藧(r)/ <i>v.</i> 鎺㈢储锛涜�冨療</p>
<div class="bkbj">
<p>
- <i>to travel into or around an area or a country in order to
- learn about it</i>
+ <i
+ >to travel into or around an area or a country in order to
+ learn about it</i
+ >
</p>
</div>
<p>mouth-watering <i>adj.</i> 浠や汉鍨傛稁鐨勶紱缇庡懗鐨�</p>
@@ -513,7 +818,9 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<div class="padding-93">
@@ -529,8 +836,10 @@
<p>foodie /藞fu藧di/<i>n.</i> 鍚冭揣锛涚編椋熷</p>
<div class="bkbj">
<p>
- <i>a person who is very interested in cooking and eating
- different kinds of food</i>
+ <i
+ >a person who is very interested in cooking and eating
+ different kinds of food</i
+ >
</p>
</div>
<p>unique /ju<i>藞</i>ni藧k/ <i>adj.</i> 鍞竴鐨勶紱鐙竴鏃犱簩鐨�</p>
@@ -540,8 +849,10 @@
<p>atmosphere /藞忙tm蓹sf瑟蓹(r)/ <i>n.</i> 姘旀皼锛涙皼鍥�</p>
<div class="bkbj">
<p>
- <i>the feeling or mood that you have in a particular place or
- situation</i>
+ <i
+ >the feeling or mood that you have in a particular place or
+ situation</i
+ >
</p>
</div>
<ul class="w100 fl fw-wr">
@@ -559,17 +870,37 @@
<div class="bj-note">
<p class="m0"><b class="fz-18">Notes:</b></p>
<p class="m0">
- <i>Alice in Wonderland</i> 锛�<i>Alice's Adventures in
- Wonderland</i>鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨��
+ <i>Alice in Wonderland</i> 锛�<i
+ >Alice's Adventures in Wonderland</i
+ >鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨��
</p>
</div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>
A.Mark the items that made the author curious when she arrived in
China.
+ </p>
+ <p>
+ <input
+ type="checkbox"
+ name="ball1"
+ :disabled="testData.isComplete"
+ value="Language"
+ id="1"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
+ Language
<span>
<svg
- v-if="testData.check.isRight"
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Language'
+ )
+ "
t="1716986419862"
class="icon"
viewBox="0 0 1820 1024"
@@ -587,7 +918,14 @@
></path>
</svg>
<svg
- v-if="testData.check.isRight == false"
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Language'
+ ) == false
+ "
t="1716987085767"
class="icon"
viewBox="0 0 1024 1024"
@@ -607,34 +945,394 @@
</span>
</p>
<p>
- <input type="checkbox" name="ball1" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />
- Language
- </p>
- <p>
- <input type="checkbox" name="ball2" value="People" id="2" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball2"
+ :disabled="testData.isComplete"
+ value="People"
+ id="2"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
People
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'People'
+ )
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'People'
+ ) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball3" value="Culture" id="3" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball3"
+ :disabled="testData.isComplete"
+ value="Culture"
+ id="3"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
Culture
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Culture'
+ )
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Culture'
+ ) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball4" value="Cuisine" id="4" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball4"
+ :disabled="testData.isComplete"
+ value="Cuisine"
+ id="4"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
Cuisine
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ '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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ '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 type="checkbox" name="ball5" value="Folk" id="5" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball5"
+ :disabled="testData.isComplete"
+ value="Folk art"
+ id="5"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
Folk art
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Folk art'
+ )
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Folk art'
+ ) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball6" value="Landscapes" id="6" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball6"
+ :disabled="testData.isComplete"
+ value="Landscapes"
+ id="6"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
Landscapes
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Landscapes'
+ )
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Landscapes'
+ ) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
+ </svg>
+ </span>
</p>
<p>
- <input type="checkbox" name="ball7" value="Transportation" id="7" v-model="testData.check.value" @change="setTestData" />
+ <input
+ type="checkbox"
+ name="ball7"
+ :disabled="testData.isComplete"
+ value="Transportation"
+ id="7"
+ v-model="testData.check.value"
+ @change="setTestData"
+ />
Transportation
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Transportation'
+ )
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isShowRight(
+ testData.check.answer,
+ testData.check.value,
+ 'Transportation'
+ ) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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: 35px; width: 93%" v-if="showQuestionAnswer">
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 35px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛欳ulture,Cuisine,Landscapes
</p>
</div>
@@ -648,7 +1346,10 @@
<div class="page-box" page="12">
<div v-if="showPageList.indexOf(12) > -1">
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -661,37 +1362,92 @@
B.Write down the answer to each question according to the passage.
</p>
<p>1.What鈥檙e the author鈥檚 comments about Chinese food?</p>
- <textarea v-model="testData.tx.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.tx.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines
are quite mouth-watering and stimulating.
</p>
<p>2.When and why did the author start her journey to China?</p>
- <textarea v-model="testData.tx.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.tx.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歐hen the author got selected as a foreign student for PhD
studies at one university in 2017, she started her journey to
China.
</p>
<p>3.What are the author鈥檚 expectations of her stay in China?</p>
- <textarea v-model="testData.tx.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.tx.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歍he author looks forward to exploring more during her stay.
</p>
<p>4.What did the author think of Chinese people?</p>
- <textarea v-model="testData.tx.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.tx.four"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歍he author thought the local Chinese were very friendly and
hospitable.
</p>
<p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p>
- <textarea v-model="testData.tx.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.tx.five"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛欵ach city has its unique atmosphere with charming features
and unique landscapes.
</p>
@@ -701,9 +1457,24 @@
<p>
A.Fill in the blanks with the proper words in the passage.The
initial letters of the words have been given.
+ </p>
+ <p>
+ In 2017,the author arrived in China.When she arrived,she was like
+ Alice in <i>Alice in Wonderland</i>.She was curious about the
+ people,the culture,the c<input
+ :disabled="testData.isComplete"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ v-model="testData.in.one"
+ @change="setTestData"
+ />
<span>
<svg
- v-if="testData.in.isRight"
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.one)
+ "
t="1716986419862"
class="icon"
viewBox="0 0 1820 1024"
@@ -721,7 +1492,10 @@
></path>
</svg>
<svg
- v-if="testData.in.isRight == false"
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.one) == false
+ "
t="1716987085767"
class="icon"
viewBox="0 0 1024 1024"
@@ -739,72 +1513,318 @@
></path>
</svg>
</span>
- </p>
- <p>
- In 2017,the author arrived in China.When she arrived,she was like
- Alice in <i>Alice in Wonderland</i>.She was curious about the
- people,the culture,the c<input type="text" class="input-bottom-border" style="width: 60px"
- v-model="testData.in.one" @change="setTestData" />
- ,and of course the huge variety of l<input v-model="testData.in.two" type="text"
- class="input-bottom-border" style="width: 60px" @change="setTestData" />.Chinese friends helped her a lot in understanding
- Chinese
- culture and c<input v-model="testData.in.three" type="text" class="input-bottom-border"
- style="width: 60px" @change="setTestData" />.The author believes that one cannot e<input type="text"
- v-model="testData.in.four" class="input-bottom-border" style="width: 60px" @change="setTestData" />China properly if he/she
- does not try its delicious variety of
+ ,and of course the huge variety of l
+ <input
+ :disabled="testData.isComplete"
+ v-model="testData.in.two"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.two)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.two) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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>
+ .Chinese friends helped her a lot in understanding Chinese culture
+ and c<input
+ :disabled="testData.isComplete"
+ v-model="testData.in.three"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.three)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.three) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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 author believes that one cannot e<input
+ :disabled="testData.isComplete"
+ type="text"
+ v-model="testData.in.four"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.four)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.four) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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>
+ China properly if he/she does not try its delicious variety of
food.China has thousands of years of rich and beautiful
- culture.Each city has its u<input v-model="testData.in.five" type="text" class="input-bottom-border"
- style="width: 60px" @change="setTestData" />atmosphere that attracts people.
+ culture.Each city has its u<input
+ :disabled="testData.isComplete"
+ v-model="testData.in.five"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.five)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.five) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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>
+ atmosphere that attracts people.
</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="showQuestionAnswer"
+ >
绛旀锛歝uisine, landscapes, civilization, explore, unique
</p>
<p>
B.Underline the following expressions in the passage and make
sentences with them.
</p>
- <p>
- 1.get selected as
- </p>
- <textarea v-model="testData.line.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p>1.get selected as</p>
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.line.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歋he got selected as the cultural ambassador to show Chinese
culture on campus.
</p>
- <p>
- 2.be curious about
- </p>
- <textarea v-model="testData.line.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p>2.be curious about</p>
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.line.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歁any foreigners are curious about the amazing Chinese
martial arts.
</p>
- <p>
- 3.along the way
- </p>
- <textarea v-model="testData.line.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p>3.along the way</p>
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.line.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛欼 suggest that you go to Tibet by train so that you can
enjoy the natural scenery along the way.
</p>
- <p>
- 4.come across
- </p>
- <textarea v-model="testData.line.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p>4.come across</p>
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.line.four"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛欻e came across the temple fair in Beijing during the Spring
Festival.
</p>
- <p>
- 5.look forward to
- </p>
- <textarea v-model="testData.line.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" style="margin-left: 40px; width: 92%"
- class="fz-16 textarea-text" @change="setTestData"></textarea>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
+ <p>5.look forward to</p>
+ <textarea
+ :disabled="testData.isComplete"
+ v-model="testData.line.five"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="4"
+ style="margin-left: 40px; width: 92%"
+ class="fz-16 textarea-text"
+ @change="setTestData"
+ ></textarea>
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛歋he is looking forward to visiting the incredible cities in
China.
</p>
@@ -822,7 +1842,9 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<div class="padding-93">
@@ -833,9 +1855,19 @@
people.
</p>
<p>
- <input v-model="testData.ts.one" type="text" class="input-bottom-border" @change="setTestData" />
+ <input
+ :disabled="testData.isComplete"
+ v-model="testData.ts.one"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />
</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="showQuestionAnswer"
+ >
绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
</p>
<p>
@@ -843,9 +1875,19 @@
greatly promoted the development of ancient Chinese civilization.
</p>
<p>
- <input v-model="testData.ts.two" type="text" class="input-bottom-border" @change="setTestData" />
+ <input
+ :disabled="testData.isComplete"
+ v-model="testData.ts.two"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />
</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="showQuestionAnswer"
+ >
绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠ｆ枃鏄庣殑鍙戝睍銆�
</p>
<p>
@@ -853,9 +1895,19 @@
tea culture in depth.
</p>
<p>
- <input v-model="testData.ts.three" type="text" class="input-bottom-border" @change="setTestData" />
+ <input
+ :disabled="testData.isComplete"
+ v-model="testData.ts.three"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />
</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="showQuestionAnswer"
+ >
绛旀锛氶檰缇斤紝銆婅尪缁忋�嬬殑浣滆�咃紝瀵逛腑鍥借尪閬撹繘琛屼簡娣卞叆鐨勭爺绌躲��
</p>
<p>
@@ -863,33 +1915,67 @@
Chinese medical science.
</p>
<p>
- <input v-model="testData.ts.four" type="text" class="input-bottom-border" @change="setTestData" />
+ <input
+ :disabled="testData.isComplete"
+ v-model="testData.ts.four"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />
</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="showQuestionAnswer"
+ >
绛旀锛氬紶浠叉櫙鏄竴浣嶅涓浗鍖诲鏈夌潃閲嶅ぇ褰卞搷鐨勫尰瀛﹀銆�
</p>
<p>
<b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b>
<span class="btn-box" @click="showAnswer('showImg')">
- <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
- height="20">
+ <svg
+ t="1717037443722"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
<path
d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
- p-id="30865"></path>
+ p-id="30865"
+ ></path>
</svg>
</span>
</p>
- <el-image v-if="showImg" :src="imgThirteen" :preview-src-list="[imgThirteen]" />
+ <el-image
+ v-if="showImg"
+ :src="imgThirteen"
+ :preview-src-list="[imgThirteen]"
+ />
<p>A.Combine the following sentences into if-clauses.</p>
<p>
1.Try using sticks.You can enjoy the fun of having a real Chinese
meal.
</p>
<p>
- <b>If</b><input v-model="testData.gr.one" type="text" class="input-bottom-border" @change="setTestData" />.
+ <b>If</b
+ ><input
+ :disabled="testData.isComplete"
+ v-model="testData.gr.one"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />.
</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="showQuestionAnswer"
+ >
绛旀锛欼f you try using sticks, you can enjoy the fun of having a
real Chinese meal.
</p>
@@ -898,17 +1984,39 @@
there.
</p>
<p>
- <b>If</b><input v-model="testData.gr.two" type="text" class="input-bottom-border" @change="setTestData" />.
+ <b>If</b
+ ><input
+ :disabled="testData.isComplete"
+ v-model="testData.gr.two"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />.
</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="showQuestionAnswer"
+ >
绛旀锛欼f you go to my Chinese New Year party, you will meet my
Chinese friends there.
</p>
<p>3.Drink some Longjing tea,and you will love it.</p>
<p>
- <b>If</b><input type="text" v-model="testData.gr.three" class="input-bottom-border" @change="setTestData" />.
+ <b>If</b
+ ><input
+ :disabled="testData.isComplete"
+ type="text"
+ v-model="testData.gr.three"
+ class="input-bottom-border"
+ @change="setTestData"
+ />.
</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="showQuestionAnswer"
+ >
绛旀锛欼f you drink some Longjing tea, you will love it.
</p>
<p>
@@ -916,9 +2024,20 @@
warriors.
</p>
<p>
- <b>If</b><input v-model="testData.gr.four" type="text" class="input-bottom-border" @change="setTestData" />.
+ <b>If</b
+ ><input
+ :disabled="testData.isComplete"
+ v-model="testData.gr.four"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />.
</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="showQuestionAnswer"
+ >
绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
warriors.
</p>
@@ -927,9 +2046,20 @@
Chicken would possibly be in top three.
</p>
<p>
- <b>If</b><input v-model="testData.gr.five" type="text" class="input-bottom-border" @change="setTestData" />.
+ <b>If</b
+ ><input
+ :disabled="testData.isComplete"
+ v-model="testData.gr.five"
+ type="text"
+ class="input-bottom-border"
+ @change="setTestData"
+ />.
</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="showQuestionAnswer"
+ >
绛旀锛� If you ask foreigners about their favorite Chinese food,
Kung Pao Chicken would possible be in top three
</p>
@@ -938,38 +2068,289 @@
<i>whether</i>.
</p>
<p>
- 1.I was wondering<input v-model="testData.cm.one" type="text" class="input-bottom-border"
- style="width: 60px" @change="setTestData" />to go for a walk in the Summer Palace.
+ 1.I was wondering<input
+ :disabled="testData.isComplete"
+ v-model="testData.cm.one"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />to go for a walk in the Summer Palace.
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.one)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.one) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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.We can spend the afternoon on the beach<input v-model="testData.cm.two" type="text"
- class="input-bottom-border" style="width: 60px" />the weather is fine.
+ 2.We can spend the afternoon on the beach<input
+ :disabled="testData.isComplete"
+ v-model="testData.cm.two"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ />the weather is fine.
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.two)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.two) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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.I called Wang to find out<input v-model="testData.cm.three" type="text" class="input-bottom-border"
- style="width: 60px" @change="setTestData" />or not he really went to see the Peking opera show.
+ 3.I called Wang to find out<input
+ :disabled="testData.isComplete"
+ v-model="testData.cm.three"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />or not he really went to see the Peking opera show.
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.three)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.three) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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.We鈥檙e not interested in<input v-model="testData.cm.four" type="text" class="input-bottom-border"
- style="width: 60px" @change="setTestData" />we get great jobs and that kind of thing.
+ 4.We鈥檙e not interested in<input
+ :disabled="testData.isComplete"
+ v-model="testData.cm.four"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />we get great jobs and that kind of thing.
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.four)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.four) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20"
+ height="20"
+ >
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
+ </svg>
+ </span>
</p>
<p>
- 5.<input v-model="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to
- Sichuan,I will visit Chengdu Research Base of Giant
+ 5.<input
+ :disabled="testData.isComplete"
+ v-model="testData.cm.five"
+ type="text"
+ class="input-bottom-border"
+ style="width: 60px"
+ @change="setTestData"
+ />I go to Sichuan,I will visit Chengdu Research Base of Giant
Panda Breeding.
+ <span>
+ <svg
+ v-if="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.five)
+ "
+ t="1716986419862"
+ class="icon"
+ viewBox="0 0 1820 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="40"
+ height="20"
+ >
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 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="
+ testData.isComplete &&
+ isTextRight(testData.cm.answer, testData.cm.five) == false
+ "
+ t="1716987085767"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="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="showQuestionAnswer">
+ <p
+ class="event-header-text-bc pd-5"
+ style="margin-left: 40px; width: 93%"
+ v-if="showQuestionAnswer"
+ >
绛旀锛� 1.whether 2.if 3.whether 4.whether
5.if
</p>
- <div class="w100 fl ju-cn">
- <ul class="fl ju-ev" style="width: 80%">
+ <div class="w100 fl">
+ <ul class="fl ju-ar w100">
<li>
<button class="btn-border btn-w" @click="saveData">
鎻愪氦
</button>
- </li>
- <li>
</li>
<li>
<button @click="changeTestData" class="btn-border btn-w">
@@ -977,7 +2358,10 @@
</button>
</li>
<li>
- <button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
+ <button
+ @click="showQuestionAnswer = !showQuestionAnswer"
+ class="parimary-btn"
+ >
鏌ョ湅绛旀
</button>
</li>
@@ -994,7 +2378,10 @@
<div class="page-box" page="14">
<div v-if="showPageList.indexOf(14) > -1">
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -1022,9 +2409,19 @@
<p>銆�銆�銆�銆�3.What does he/she know about it?</p>
</div>
<p class="left">
- <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-worksheet.jpg"
+ />
</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"
+ >
<tr class="table-th-bc">
<td class="tl-cn">Interviewees</td>
<td class="wh-no tl-cn">Chinese Culture</td>
@@ -1043,64 +2440,133 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.enight"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.nine"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
</table>
<p class="left">
- <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-wordbank.jpg"
+ />
</p>
<div class="bk-wh">
<p class="dl-box">
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'exquisite')"
+ >exquisite</span
+ >
+ <span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'ancient')"
+ >ancient</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'incredible')"
+ >incredible</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'unique')"
+ >unique</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'traditional')"
+ >traditional</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'outstanding')"
+ >outstanding</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'mouth-watering')"
+ >mouth-watering</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'diverse')"
+ >diverse</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'hospitable')"
+ >hospitable</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'enjoyable')"
+ >enjoyable</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'memorable')"
+ >memorable</span
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'charming')"
+ >charming</span
+ >
</p>
</div>
<div class="resource-primary-border" style="padding: 8px">
@@ -1264,7 +2730,9 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<div class="padding-93">
@@ -1274,8 +2742,10 @@
</h2>
<h3 id="c005"><span class="bjh3">Warm-up</span></h3>
<p>
- <b>Put the expressions in the box below on the corresponding
- answer line under each picture.</b>
+ <b
+ >Put the expressions in the box below on the corresponding
+ answer line under each picture.</b
+ >
</p>
<div class="bk-wh">
<p>
@@ -1288,68 +2758,146 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-1.jpg" alt="" class="w100" />
+ <img
+ src="../../assets/images/0019-1.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="center">
1.
- <select class="select-border" v-model="dropdownData.one.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.one.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歩ntercity train
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" />
+ <img
+ src="../../assets/images/0019-2.jpg"
+ alt=""
+ style="width: 98%"
+ />
</p>
<p class="center">
2.
- <select class="select-border" v-model="dropdownData.two.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.two.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歰nline shopping
</p>
</div>
@@ -1359,68 +2907,146 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-3.jpg" alt="" style="width: 98%" />
+ <img
+ src="../../assets/images/0019-3.jpg"
+ alt=""
+ style="width: 98%"
+ />
</p>
<p class="center">
3.
- <select class="select-border" v-model="dropdownData.three.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.three.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歟lectronic payment
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-4.jpg" alt="" style="width: 94%" />
+ <img
+ src="../../assets/images/0019-4.jpg"
+ alt=""
+ style="width: 94%"
+ />
</p>
<p class="center">
4.
- <select class="select-border" v-model="dropdownData.four.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.four.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歴hared bike
</p>
</div>
@@ -1430,68 +3056,146 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-5.jpg" alt="" class="w100" />
+ <img
+ src="../../assets/images/0019-5.jpg"
+ alt=""
+ class="w100"
+ />
</p>
<p class="center">
5.
- <select class="select-border" v-model="dropdownData.five.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.five.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歵ake-away service
</p>
</div>
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" />
+ <img
+ src="../../assets/images/0019-6.jpg"
+ alt=""
+ style="width: 98%"
+ />
</p>
<p class="center">
6.
- <select class="select-border" v-model="dropdownData.six.value" @change="setDropdownData">
- <option v-for="(item, index) in dropDownList" :key="index" :value="item">
+ <select
+ class="select-border"
+ v-model="dropdownData.six.value"
+ @change="setDropdownData"
+ :disabled="dropdownData.isComplete"
+ >
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
{{ item }}
</option>
</select>
<span class="icon-box">
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#1AFA29"
+ p-id="18768"
+ ></path>
</svg>
- <svg v-if="dropdownData.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">
+ <svg
+ v-if="dropdownData.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>
+ fill="#d81e06"
+ p-id="25746"
+ ></path>
</svg>
</span>
</p>
</div>
- <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showAnswerFive">
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
绛旀锛歠acial recognition
</p>
</div>
@@ -1499,13 +3203,19 @@
</div>
<div class="w100 fl ju-cn">
<div class="fl ju-ev mt-40" style="width: 80%">
- <button class="btn-border btn-w" @click="handleDropdown('judge')">
+ <button
+ class="btn-border btn-w"
+ @click="handleDropdown('judge')"
+ >
鎻愪氦
</button>
<button class="btn-border btn-w" @click="changeDropdown">
閲嶅仛
</button>
- <button @click="showAnswerFive = !showAnswerFive" class="parimary-btn">
+ <button
+ @click="showAnswerFive = !showAnswerFive"
+ class="parimary-btn"
+ >
鏌ョ湅绛旀
</button>
</div>
@@ -1521,7 +3231,10 @@
<div class="page-box" page="16">
<div v-if="showPageList.indexOf(16) > -1">
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -1602,18 +3315,27 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
<p class="fl al-cn mt-40">
- <span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
+ <span class="zt-cs" style="font-size: 20px"
+ >Words & Expressions</span
+ >
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- ></audio>
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ ></audio>
<p>breeze /bri藧z/ <i>n.</i> 寰锛涘拰椋�</p>
<div class="bkbj">
<p><i>a light wind</i></p>
@@ -1637,8 +3359,10 @@
<p>dormitory /藞d蓴藧m蓹tri/ <i>n.</i> 瀛︾敓瀹胯垗锛涢泦浣撳鑸�</p>
<div class="bkbj">
<p>
- <i>a room for several people to sleep in,esp.in a school or
- other institution</i>
+ <i
+ >a room for several people to sleep in,esp.in a school or
+ other institution</i
+ >
</p>
</div>
<p>neighbour /藞ne瑟b蓹(r)/ <i>n.</i> 閭诲眳锛涢偦浜�</p>
@@ -1656,15 +3380,19 @@
<p>laptop /藞l忙pt蓲p/ <i>n.</i> 渚挎惡寮忕數鑴戯紱绗旇鏈數鑴�</p>
<div class="bkbj">
<p>
- <i>a small computer that can work with a battery and be easily
- carried</i>
+ <i
+ >a small computer that can work with a battery and be easily
+ carried</i
+ >
</p>
</div>
<p>stun /st蕦n/ <i>v.</i> 浣块渿鎯婏紙鎴栨儕鎰曘�佺洰鐬彛鍛嗭級</p>
<div class="bkbj">
<p>
- <i>to surprise or shock sb.so much that he/she cannot think
- clearly or speak</i>
+ <i
+ >to surprise or shock sb.so much that he/she cannot think
+ clearly or speak</i
+ >
</p>
</div>
<p>trigger /藞tr瑟伞蓹(r)/ <i>v.</i> 寮曡捣锛涜Е鍙�</p>
@@ -1678,16 +3406,20 @@
<p>era /藞瑟蓹r蓹/ <i>n.</i> 鏃朵唬锛涘勾浠�</p>
<div class="bkbj">
<p>
- <i>a period of time,usually in history,that is different from
+ <i
+ >a period of time,usually in history,that is different from
other periods because of particular characteristics or
- events</i>
+ events</i
+ >
</p>
</div>
<p>economy /瑟藞k蓲n蓹mi/ <i>n.</i> 缁忔祹锛涚粡娴庢儏鍐�</p>
<div class="bkbj">
<p>
- <i>the relationship between production,trade and the supply of
- money in a particular country or region</i>
+ <i
+ >the relationship between production,trade and the supply of
+ money in a particular country or region</i
+ >
</p>
</div>
</div>
@@ -1702,7 +3434,10 @@
<div v-if="showPageList.indexOf(18) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -1715,8 +3450,10 @@
<p>boom /bu藧m/ <i>v.</i> 杩呴�熷彂灞曪紱绻佽崳鏄岀洓</p>
<div class="bkbj">
<p>
- <i>to have a period of rapid growth; to become bigger,more
- successful,etc.</i>
+ <i
+ >to have a period of rapid growth; to become bigger,more
+ successful,etc.</i
+ >
</p>
</div>
<p>potential /p蓹藞ten蕛l/ <i>n.</i> 娼滃姏锛涙綔鑳�</p>
@@ -1822,7 +3559,9 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<!-- 鍐呭 -->
@@ -1880,9 +3619,19 @@
changes,then report to the class.
</p>
<p class="left">
- <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-worksheet.jpg"
+ />
</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"
+ >
<tr class="table-th-bc">
<td class="tl-cn">Items</td>
<td class="wh-no tl-cn">A Decade Ago</td>
@@ -1912,7 +3661,10 @@
<div v-if="showPageList.indexOf(20) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -1922,7 +3674,13 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <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"
+ >
<tr class="table-th-bc">
<td class="tl-cn">Items</td>
<td class="wh-no tl-cn">A Decade Ago</td>
@@ -1937,51 +3695,81 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.one"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.two"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.three"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.four"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.five"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.six"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.enight"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.nine"
+ class="w100 table-tr-bc b0 table-textarea"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td colspan="3">
Your suggestion:
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ <textarea
+ v-model="questionData.table.seven"
+ class="w100 table-tr-bc b0 table-textarea textarea-box"
+ @change="setBookQuestion"
+ ></textarea>
</td>
</tr>
</table>
@@ -1990,11 +3778,18 @@
</h2>
<h3 id="c008"><span class="bjh3">Listening</span></h3>
<p>
- <b>鈪�.Listen to Tom,an overseas student,talking about his journey
- to China and fill in the blanks with what you hear.</b>
+ <b
+ >鈪�.Listen to Tom,an overseas student,talking about his journey
+ to China and fill in the blanks with what you hear.</b
+ >
</p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- ></audio>
+ <audio
+ :src="resource.readingTwo"
+ controls
+ controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px"
+ class="audio"
+ ></audio>
<p>
After studying in China for almost three years by now,I call China
my second homeland.I love the natural beauty,the 1.________,the
@@ -2010,9 +3805,11 @@
of Laoshan鈥� China is such a beautiful country!
</p>
<p>
- <b>鈪�.Listen to the conversation about planning for the upcoming
+ <b
+ >鈪�.Listen to the conversation about planning for the upcoming
Chinese Culture Week and circle the right expressions to
- complete the following sentences.</b>
+ complete the following sentences.</b
+ >
</p>
<p>
1.They would like to organize an activity for foreign students to
@@ -2033,7 +3830,9 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<!-- 鍐呭 -->
@@ -2058,8 +3857,10 @@
2.What information would you like to tell them about the event?
</p>
<p>
- <b>鈪�.Read the following tips for designing an event poster and
- mark the key elements in the following poster.</b>
+ <b
+ >鈪�.Read the following tips for designing an event poster and
+ mark the key elements in the following poster.</b
+ >
</p>
<p>
An event poster is a marketing tool designed to attract visitors
@@ -2075,48 +3876,112 @@
<div class="horizontal" style="display: flex">
<div class="left" style="width: 48%">
<p class="center">
- <img class="img-e" alt="" src="../../assets/images/0025-1.jpg" />
+ <img
+ class="img-e"
+ alt=""
+ src="../../assets/images/0025-1.jpg"
+ />
</p>
</div>
<div class="right" style="width: 48%">
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Name of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Date and time
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Location
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Greetings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Warnings
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Organizer
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Signature
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
A short description of the event
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Contact information
</p>
<p>
- <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ <input
+ type="checkbox"
+ name="ball"
+ value="Language"
+ id="1"
+ v-model="testData.check"
+ />
Pictures of the event
</p>
</div>
@@ -2133,7 +3998,10 @@
<div v-if="showPageList.indexOf(22) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -2144,22 +4012,27 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- <b>鈪�.DIY Crafts Club is planning a paper-cutting contest to
+ <b
+ >鈪�.DIY Crafts Club is planning a paper-cutting contest to
promote Chinese handicrafts.The contest will be held in the
- lobby of Student Center at</b>6锛�00-8锛�00<b> November</b>16<b>.You're in charge of publicity in the club
- and are required to
+ lobby of Student Center at</b
+ >6锛�00-8锛�00<b> November</b>16<b
+ >.You're in charge of publicity in the club and are required to
design a poster for the contest.Complete the necessary
- information in the following poster.</b>
+ information in the following poster.</b
+ >
</p>
<p class="center">
<img class="img-a" alt="" src="../../assets/images/0026-1.jpg" />
</p>
<p>
- <b>鈪�.Your class has prepared a Chinese culture exhibition for
+ <b
+ >鈪�.Your class has prepared a Chinese culture exhibition for
foreign exchange students.Your group takes the responsibility of
designing a poster for it.Discuss with your partner and try to
answer the questions below to find out what information is
- needed.</b>
+ needed.</b
+ >
</p>
<div class="dy1-bj4">
<p class="center"><b>Information to put into our poster</b></p>
@@ -2190,15 +4063,19 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc">MODULE 1</span>
- <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl"
+ >CHINA,A WONDERLAND</span
+ >
</li>
</ul>
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
<p>
- 鈪�<b>.Design a poster for the exhibition according to the
- information in the table above.</b>
+ 鈪�<b
+ >.Design a poster for the exhibition according to the
+ information in the table above.</b
+ >
</p>
<p class="center">
<img class="img-b" alt="" src="../../assets/images/0027-1.jpg" />
@@ -2237,7 +4114,10 @@
<div v-if="showPageList.indexOf(24) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
- <div class="event-header-bc fl al-end" style="height: 100px; padding-left: 40px">
+ <div
+ class="event-header-bc fl al-end"
+ style="height: 100px; padding-left: 40px"
+ >
<div class="preface-header-box event-header-text-bc">
<span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
<span class="g-text event-text-color">鍩虹妯″潡涓�</span>
@@ -2248,7 +4128,11 @@
<div class="padding-93">
<div class="bodystyle">
<p class="left">
- <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ <img
+ class="img-gn"
+ alt=""
+ src="../../assets/images/dy1-worksheet.jpg"
+ />
</p>
<p class="center">
<img class="img-b" alt="" src="../../assets/images/0028-1.jpg" />
@@ -2463,10 +4347,11 @@
},
},
testData: {
+ isComplete: false,
check: {
- isRight:null,
- answer:["Culture","Cuisine","Landscapes"],
- value:[]
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
},
tx: {
one: "",
@@ -2481,8 +4366,8 @@
three: "",
four: "",
five: "",
- isRight:null,
- answer:'cuisine,landscapes,civilization,explore,unique'
+ isRight: null,
+ answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
},
line: {
one: "",
@@ -2510,6 +4395,7 @@
three: "",
four: "",
five: "",
+ answer: ["whether", "if", "whether", "whether", "if"],
},
},
resource: {
@@ -2526,6 +4412,7 @@
"take-away service",
],
dropdownData: {
+ isComplete: false,
one: {
value: "",
isRight: null,
@@ -2584,10 +4471,11 @@
changeTestData() {
localStorage.removeItem("english-testOne");
this.testData = {
+ isComplete: false,
check: {
- isRight:null,
- answer:["Culture","Cuisine","Landscapes"],
- value:[]
+ isRight: null,
+ answer: ["Culture", "Cuisine", "Landscapes"],
+ value: [],
},
tx: {
one: "",
@@ -2602,8 +4490,8 @@
three: "",
four: "",
five: "",
- isRight:null,
- answer:['uisine','andscapes','ivilization','xplore','nique']
+ isRight: null,
+ answer: ["uisine", "andscapes", "ivilization", "xplore", "nique"],
},
line: {
one: "",
@@ -2631,6 +4519,7 @@
three: "",
four: "",
five: "",
+ answer: ["whether", "if", "whether", "whether", "if"],
},
};
},
@@ -2660,55 +4549,61 @@
if (type == "one") {
this.questionData.warnUp.one.value
? (this.questionData.warnUp.one.isRight =
- this.questionData.warnUp.one.value == "Chinese knot")
+ 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.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.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.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.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.value == "Chinese chess")
: (this.questionData.warnUp.six.isRight = null);
}
},
handleDropdown(type) {
const dropdownDatas = this.dropdownData;
for (let key in dropdownDatas) {
- const item = dropdownDatas[key];
+ let item = dropdownDatas[key];
if (type == "judge") {
- item.value == item.answer
- ? (item.isRight = true)
- : (item.isRight = false);
- console.log(item.value, item.answer);
+ if (key != "isComplete") {
+ item.value == item.answer
+ ? (item.isRight = true)
+ : (item.isRight = false);
+ }
}
}
this.dropdownData = dropdownDatas;
+ this.$set(this.dropdownData,'isComplete',true)
+ this.setDropdownData()
},
changeDropdown() {
localStorage.removeItem("english-dropdown-one");
for (let key in this.dropdownData) {
- const item = this.dropdownData[key];
- item.value = "";
- item.isRight = null;
+ let item = this.dropdownData[key];
+ if(key != 'isComplete') {
+ item.value = "";
+ item.isRight = null;
+ }
}
+ this.$set(this.dropdownData,'isComplete',false)
},
setDropdownData() {
localStorage.setItem(
@@ -2717,30 +4612,42 @@
);
},
saveData() {
- const item = this.testData['check']
+ const item = this.testData["check"];
const sortedArr1 = item.answer.slice().sort();
const sortedArr2 = item.value.slice().sort();
const isRight = sortedArr1.every(
- (value, index) => value === sortedArr2[index]
- );
- const inData = this.testData['in']
- let inString = []
+ (value, index) => value === sortedArr2[index]
+ );
+ const inData = this.testData["in"];
+ let inString = [];
for (let key in inData) {
const citem = inData[key];
- if(key != 'answer' && key !== 'isRight') {
+ if (key != "answer" && key !== "isRight") {
console.log(key);
- inString.push(citem)
+ inString.push(citem);
}
-
-
}
- const inRight = inData.answer == inString
- console.log('in',inData.answer,inString);
- this.$set(this.testData['in'],'isRight',inRight)
- this.$set(this.testData['check'],'isRight',isRight)
- this.setTestData()
- console.log(this.testData);
-
+ const inRight = inData.answer == inString;
+ console.log("in", inData.answer, inString);
+ this.$set(this.testData["in"], "isRight", inRight);
+ this.$set(this.testData["check"], "isRight", isRight);
+ this.$set(this.testData, "isComplete", true);
+ this.setTestData();
+ this.showQuestionAnswer = true;
+ },
+ isShowRight(answer, userAnswer, data) {
+ let flag = null;
+ if (userAnswer.indexOf(data) > -1) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
+ },
+ isTextRight(answer, data) {
+ let flag = null;
+ if (data) {
+ flag = answer.indexOf(data) > -1 ? true : false;
+ }
+ return flag;
},
},
};
@@ -2824,7 +4731,7 @@
border: 0;
border-bottom: 1px solid #767676;
&:focus {
- outline: none;
+ outline: none;
}
}
</style>
--
Gitblit v1.9.1