From 667ec7aad8e23b6be855876697f9f7b6b8ce6f18 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 16 七月 2024 09:23:07 +0800
Subject: [PATCH] 英语第四单元
---
src/books/English/view/components/chapter004.vue | 689 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--
src/assets/images/error.svg | 8
src/books/English/view/components/index.vue | 2
src/assets/images/correct.svg | 8
4 files changed, 672 insertions(+), 35 deletions(-)
diff --git a/src/assets/images/correct.svg b/src/assets/images/correct.svg
new file mode 100644
index 0000000..3c36068
--- /dev/null
+++ b/src/assets/images/correct.svg
@@ -0,0 +1,8 @@
+<svg t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="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>
\ No newline at end of file
diff --git a/src/assets/images/error.svg b/src/assets/images/error.svg
new file mode 100644
index 0000000..41cb69e
--- /dev/null
+++ b/src/assets/images/error.svg
@@ -0,0 +1,8 @@
+<svg t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="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>
\ No newline at end of file
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 64b71cf..cabc496 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -43,21 +43,363 @@
<p>robot floor cleaner銆�self-balancing scooter銆�camera drone銆�smartwatch銆�fingerprint door
lock銆�VR headset</p>
</div>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
- <p class="center">1._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
- <p class="center">2._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
- <p class="center">3._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
- <p class="center">4._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
- <p class="center">5._____________________</p>
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
- <p class="center">6._____________________</p>
+ <ul class="fl fw-wr dropdown-box-one" >
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p>
+ <p class="center">1.
+ <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[0].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[0].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p>
+ <p class="center">2.
+ <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[1].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[1].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p>
+ <p class="center">3.
+ <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[2].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[2].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p>
+ <p class="center">4.
+ <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[3].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[3].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p>
+ <p class="center">5.
+ <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[4].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[4].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ <li>
+ <p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p>
+ <p class="center">6.
+ <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp"
+ :disabled="warmUp[0].isComplete">
+ <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box" v-if="warmUp[0].isComplete">
+ <svg v-if="warmUp[0].value[5].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[0].value[5].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </p>
+ </li>
+ </ul>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="warmUp[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20">
+ {{index + 1}}.{{ item.answer }}
+ </span>
+ </div>
<p><b>鈪�.Read the following descriptions of the items in the above pictures,and then put the
number of the corresponding picture in the blanks.</b></p>
- <p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-16">
+ <tr>
+ <td>1. It takes pictures of the world from the sky.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[0].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[0].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>2. It allows us to open the door with fingertips.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[1].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[1].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>3. It cleans the foor of your room.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[2].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[2].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>4. It allows you to experience amazing places of the world without leaving home.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[3].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[3].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>5. It works as your personal transporter, and takes you from one place to another.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[4].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[4].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ <tr>
+ <td>6. It can not only tell time but also keep track of your ftness.</td>
+ <td>
+ <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px">
+ <span class="icon-box" v-if="warmUp[1].isComplete">
+ <svg v-if="warmUp[1].value[5].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="warmUp[1].value[5].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ </td>
+ </tr>
+ </table>
+ <div class="event-header-text-bc pd-5 w100 mt-20"
+ v-if="warmUp[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20">
+ {{ item.answer }}
+ </span>
+ </div>
+ <div class="w100 fl">
+ <ul class="fl ju-ar w100">
+ <li>
+ <button class="btn-border btn-w" @click="handlewarmUp">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastwarmUp" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewwarmUp" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -92,14 +434,16 @@
<matching :rawData="rawData" :question="question"></matching>
<h3 id="c030"><span class="bjh3">Reading</span></h3>
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
- @play="audioPlay"></audio>
+ ></audio>
<p>1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�?
- </p>
+ </p>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
<p>2.How can robots help humans today in daily life and work?</p>
+ <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
<p class="center"><b>Robots in Action</b></p>
<p class="center">
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
- class="audio" @play="audioPlay"></audio>
+ class="audio" ></audio>
</p>
<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
soon be used to study sea
@@ -194,7 +538,7 @@
<span class="line-border-box"></span>
</p>
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
- @play="audioPlay"></audio>
+ ></audio>
<p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
<div class="bkbj">
<p><i>a living thing that can move around,such as an animal</i></p>
@@ -295,8 +639,48 @@
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Read the passage and complete the summary.</p>
<p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
- people鈥檚 lives 1._________.Sometimes,machines can perform better than humans.There are four
- examples of the latest robots.Octobot is designed to study 2._________,which can blend in
+ people鈥檚 lives 1.
+ <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <span class="icon-box" v-if="readingOne[0].isComplete">
+ <svg v-if="readingOne[0].value[0].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="readingOne[0].value[0].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ .Sometimes,machines can perform better than humans.There are four
+ examples of the latest robots.Octobot is designed to study 2.
+ <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <span class="icon-box" v-if="readingOne[0].isComplete">
+ <svg v-if="readingOne[0].value[1].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="readingOne[0].value[1].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ ,which can blend in
with its underwater surroundings.Spot is a mechanical dog which may</p>
</div>
</div>
@@ -320,10 +704,78 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
- robot Pepper has been created to communicate with humans and react to 5._________.</p>
+ <p> be used for 3.
+ <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <span class="icon-box" v-if="readingOne[0].isComplete">
+ <svg v-if="readingOne[0].value[2].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="readingOne[0].value[2].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ missions.Mingo could be found in hotels making 4.
+ <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <span class="icon-box" v-if="readingOne[0].isComplete">
+ <svg v-if="readingOne[0].value[3].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="readingOne[0].value[3].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ .A humanoid
+ robot Pepper has been created to communicate with humans and react to 5.
+ <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px">
+ <span class="icon-box" v-if="readingOne[0].isComplete">
+ <svg v-if="readingOne[0].value[4].isRight" t="1716986419862" class="icon"
+ viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="readingOne[0].value[4].isRight == false" t="1716987085767"
+ class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ .</p>
<p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
<p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
+ <p>1. It moves like a real dog.</p>
+ <p>2. It could be found in stores.</p>
+ <p>3. It is the size of a shoebox.</p>
+ <p>4. It can carry heavy facilities.</p>
+ <p>5. It will cheer you up if you frown.</p>
+ <p>6. It can bring guests small items to their rooms.</p>
+ <p>7. It's about three-foot-tall with a screen on the top.</p>
+ <p>8. It travels close to the speed of an octopus in the water.</p>
<p><b>鈪�.Language focus.</b></p>
<p>A.Fill in the blanks with the proper form of the words given below.</p>
<div class="bk-wh">
@@ -741,7 +1193,7 @@
<p>2.What is your dream about space exploration?</p>
<p class="center"><b>Fresh Face of Science</b></p>
<p class="center"> <audio :src="resource.listenOne" controls
- controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+ controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
<p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
<p>According to Zhao Hongzhou,founder of China鈥檚
<span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
@@ -835,7 +1287,7 @@
<span class="line-border-box"></span>
</p>
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
- @play="audioPlay"></audio>
+ ></audio>
<p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁￠噺瀛�</p>
<div class="bkbj">
<p><i>the science of measuring and analyzing science</i></p>
@@ -1841,14 +2293,8 @@
return {
imgThirteen: require("../../assets/images/grammar4-1.png"),
imgThirteenOne: require("../../assets/images/grammar4-2.png"),
- showAnswerOne: false,
- showAnswerTwo: false,
- showAnswerThree: false,
- showAnswerFour: false,
- showAnswerFive: false,
showImg: false,
showImgOne: false,
- showQuestionAnswer: false,
rawData: {
left: [
{
@@ -2090,7 +2536,7 @@
readingTwo: "",
},
dropDownList: [
- "animal rescue and care",
+ "robot floor cleaner",
"blood donation",
"community clean-ups",
"language service",
@@ -2117,6 +2563,131 @@
answer: "animal rescue and care",
},
},
+ // 鏂板
+ warmUp:[
+ {
+ type:'drapDown',
+ isComplete:false,
+ isShowAnswer:false,
+ options:['robot floor cleaner','self-balancing scooter','camera drone','camera drone','camera drone','VR headset'],
+ value:[
+ {
+ answer:'robot floor cleaner',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'camera drone',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'VR headset',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'fingerprint door lock',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'smartwatch',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'self-balancing scooter',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ },
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:"2",
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:"4",
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:"1",
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:"3",
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:"6",
+ userAnswer:'',
+ isRight:null,
+ },
+ {
+ answer:"5",
+ userAnswer:'',
+ isRight:null,
+ },
+ ]
+ }
+ ],
+ noSubmitData:[
+ {
+ type:'shortAnswer',
+ value:[
+ {
+ userAnswer:''
+ },
+ {
+ userAnswer:''
+ }
+ ]
+ }
+ ],
+ readingOne:[
+ {
+ type:'fill',
+ isComplete:false,
+ isShowAnswer:false,
+ value:[
+ {
+ answer:'easier and safer',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'sea creatures',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'search-and-rescue',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'deliveries',
+ userAnswer:'',
+ isRight:null
+ },
+ {
+ answer:'emotions',
+ userAnswer:'',
+ isRight:null
+ },
+ ]
+ }
+ ]
};
},
mounted() {
@@ -2132,6 +2703,12 @@
if (dropdownData) {
this.dropdownData = JSON.parse(dropdownData);
}
+ const warmUp = localStorage.getItem('english-chapter04-warmup')
+ if(warmUp) this.warmUp = JSON.parse(warmUp)
+ const noSubmitData = localStorage.getItem('english-chapter04-noSubmitData')
+ if(noSubmitData) this.noSubmitData = JSON.parse(this.noSubmitData)
+ const readingOne = localStorage.getItem('english-chapter04-readingOne')
+ if(readingOne) this.readingOne = JSON.parse(readingOne)
this.getPath();
},
methods: {
@@ -2274,12 +2851,47 @@
JSON.stringify(this.dropdownData)
);
},
- saveData() {
- console.log(this.testData);
+ // 鏂板
+ savewarmUp() {
+ localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp))
},
- audioPlay() {
- this.$emit("closeMiniAudio");
+ handlewarmUp() {
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[index];
+ item.isComplete = true
+ item.isShowAnswer = true
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.userAnswer == citem.answer
+ }
+ }
+ this.savewarmUp()
},
+ recastwarmUp() {
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[index];
+ item.isComplete = false
+ item.isShowAnswer = false
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null
+ citem.userAnswer = ''
+ }
+ }
+ localStorage.removeItem('english-chapter04-warmup')
+ },
+ viewwarmUp() {
+ for (let index = 0; index < this.warmUp.length; index++) {
+ const item = this.warmUp[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
+ saveNoSubmitData() {
+ localStorage.setItem('english-chapter04-noSubmitData',JSON.stringify(this.noSubmitData))
+ },
+ saveReadingOne() {
+ localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne))
+ }
},
};
</script>
@@ -2358,4 +2970,13 @@
right: 0;
background-color: red;
}
+.dropdown-box-one {
+
+ li {
+ width: 33%;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ }
+}
</style>
\ No newline at end of file
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index b1cebf6..3ae980d 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@
// 娴嬭瘯椤甸潰璺宠浆
setTimeout(() => {
- this.gotoPage(3,58);
+ this.gotoPage(4,69);
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
--
Gitblit v1.9.1