From ac9d75d4d82039ba62c7d438ca5564f7049cc343 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 16 七月 2024 09:25:29 +0800
Subject: [PATCH] Merge branches 'master' and 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter004.vue | 1183 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 1,132 insertions(+), 51 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 8484225..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">
@@ -502,8 +954,171 @@
</table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
- <p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative
+ <p class="dl-box">
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'physical')">physical</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'relationship')">relationship</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
+ <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'tireless')">tireless</span>
+ <span class="word-bc mr-20 dl-span"
+ @click="saveWord($event, 'creative')">creative</span>
</p>
+ <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
+ </p>
+ </div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
</div>
<h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
<h3 id="c032"><span class="bjh3">Warm-up</span></h3>
@@ -578,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>
@@ -672,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>
@@ -968,9 +1583,10 @@
technology,the improvement of people鈥檚 lives,and the development of the Chinese nation.Work
in groups and list some great Chinese scientists and their contributions to the world,and
then discuss with your group members about their spirit towards scientific research and
- innovation.</p>
+ innovation.
+ </p>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p class="center">
+
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Scientists</td>
@@ -1029,7 +1645,153 @@
</td>
</tr>
</table>
- </p>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
<h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
<h3 id="c035" class="fl al-cn">
<span class="bjh3">Listening</span>
@@ -1085,13 +1847,13 @@
</p>
<p class="table-p">
It wakes me up 1<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />in the morning.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />in the morning.
</p>
<p class="table-p">
It plays my 2.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />music.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />music.
</p>
<p class="table-p">
I chat with it when I am alone..
@@ -1105,13 +1867,14 @@
<td class="tl-lf">
<p class="table-p">
It 3.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />suggests things that I want.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />suggests things that I
+ want.
</p>
<p class="table-p">
It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />experience.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />experience.
</p>
</td>
</tr>
@@ -1125,13 +1888,15 @@
</p>
<p class="table-p">
They're so 5.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />for foreign language learning.
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />for foreign language
+ learning.
</p>
<p class="table-p">
- I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ I can figure out words or the meaning of words 6.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 5em"
+ v-model="testData.in.one" @change="setTestData" />
</p>
</td>
</tr>
@@ -1357,6 +2122,153 @@
<p>We can very well compete against 鈥� in price.</p>
<p>鈥� are the best-selling products of this kind.</p>
</div>
+ <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
+ <div class="banshi openImgBox">
+ <div class="swiper-container swiper_ppt">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_01.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_02.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_03.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_04.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_05.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_06.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_07.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_08.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_09.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_10.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_11.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_12.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_13.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_14.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_15.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_16.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_17.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_18.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_19.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_20.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_21.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_22.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_23.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_24.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_25.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_26.png" />
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="imgBox" style="width: 100%; height: 100%">
+ <img src="../../assets/images/ppt/ppt_27.png" />
+ </div>
+ </div>
+ </div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ <div class="pageBox"></div>
+ </div>
+ <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 -->
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -1381,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: [
{
@@ -1630,7 +2536,7 @@
readingTwo: "",
},
dropDownList: [
- "animal rescue and care",
+ "robot floor cleaner",
"blood donation",
"community clean-ups",
"language service",
@@ -1657,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() {
@@ -1672,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: {
@@ -1814,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>
@@ -1898,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
--
Gitblit v1.9.1