From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 05 八月 2024 11:57:36 +0800 Subject: [PATCH] 英语PPT结束 --- src/books/English/view/components/chapter004.vue | 2711 ++++++++++++++++++++++++++++++---------------------------- 1 files changed, 1,405 insertions(+), 1,306 deletions(-) diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue index 48d5596..44dfacb 100644 --- a/src/books/English/view/components/chapter004.vue +++ b/src/books/English/view/components/chapter004.vue @@ -43,14 +43,14 @@ <p>robot floor cleaner銆�self-balancing scooter銆�camera drone銆�smartwatch銆�fingerprint door lock銆�VR headset</p> </div> - <ul class="fl fw-wr dropdown-box-one" > + <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -61,10 +61,10 @@ <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -75,10 +75,10 @@ <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -89,10 +89,10 @@ <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -103,10 +103,10 @@ <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -117,10 +117,10 @@ <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"> + <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 }} + {{ item }} </option> </select> <span class="icon-box" v-if="warmUp[0].isComplete"> @@ -129,11 +129,10 @@ </p> </li> </ul> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="warmUp[0].isShowAnswer"> + <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 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 @@ -142,16 +141,20 @@ <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"> + <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"> - <img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt=""> + <img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt=""> </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"> + <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"> <img :src="warmUp[1].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> @@ -160,25 +163,33 @@ <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"> + <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"> <img :src="warmUp[1].value[2].isRight ? correctIcon : errorIcon" alt=""> </span> </td> </tr> <tr> - <td>4. It allows you to experience amazing places of the world without leaving home.</td> + <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"> + <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"> <img :src="warmUp[1].value[3].isRight ? correctIcon : errorIcon" alt=""> </span> </td> </tr> <tr> - <td>5. It works as your personal transporter, and takes you from one place to another.</td> + <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"> + <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"> <img :src="warmUp[1].value[4].isRight ? correctIcon : errorIcon" alt=""> </span> @@ -187,20 +198,22 @@ <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"> + <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"> + 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"> + <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> @@ -209,29 +222,28 @@ </td> </tr> </table> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="warmUp[1].isShowAnswer"> + <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"> + <span v-for="(item, index) in warmUp[1].value" :key="index" class="mr-20"> {{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> - <button class="btn-border btn-w" @click="handlewarmUp"> - 鎻愪氦 - </button> + <button class="btn-border btn-w" @click="handlewarmUp"> + 鎻愪氦 + </button> </li> <li> - <button @click="recastwarmUp" class="btn-border btn-w"> - 閲嶅仛 - </button> + <button @click="recastwarmUp" class="btn-border btn-w"> + 閲嶅仛 + </button> </li> <li> - <button @click="viewwarmUp" class="parimary-btn"> - 鏌ョ湅绛旀 - </button> + <button @click="viewwarmUp" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> </li> </ul> </div> @@ -268,69 +280,74 @@ </p> <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" - ></audio> + <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" + class="audio"></audio> <p> - 1.Technology is all around us.What images spring to your mind when you hear the word 鈥渞obot鈥�? - <span class="btn-box" @click="showNoSubmitAnswer(0,0)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + 1.Technology is all around us.What images spring to your mind when you hear the word + 鈥渞obot鈥�? + <span class="btn-box" @click="showNoSubmitAnswer(0, 0)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> - </p> - <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> + </p> + <textarea name="" id="" cols="30" rows="10" class="w100" + v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer"> <span>绛旀:</span> - <p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index"> - {{index + 1}}) {{item}} + <p v-for="(item, index) in noSubmitData[0].value[0].answer" :key="index"> + {{ index + 1 }}) {{ item }} </p> </div> <p> 2.How can robots help humans today in daily life and work? - <span class="btn-box" @click="showNoSubmitAnswer(0,1)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + <span class="btn-box" @click="showNoSubmitAnswer(0, 1)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> </p> - <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="10" class="w100" + v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer"> <span>绛旀:</span> - <p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index"> - {{index + 1}}) {{item}} + <p v-for="(item, index) in noSubmitData[0].value[1].answer" :key="index"> + {{ index + 1 }}) {{ item }} </p> </div> <p class="center"><b>Robots in Action</b></p> <p class="center"> <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" - class="audio" ></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 - <span class="word-bc" >creatures</span> + <span class="word-bc">creatures</span> up close.These robots can - <span class="word-bc" >blend</span> + <span class="word-bc">blend</span> blend right in with underwater - <span class="word-bc" >habitats</span> + <span class="word-bc">habitats</span> .Robots take on tasks to make our life easier and safer.Scientists keep coming up with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a look at the latest robots. </p> <p><b>Super Swimmer</b></p> <p>The Octobot is perfectly named.Its design is based on the - <span class="word-bc" >octopus</span> + <span class="word-bc">octopus</span> .The robot is the size of a shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven inches per second.That is close to the speed of an octopus.The Octobot moves through water by slowly opening its soft - <span class="word-bc" >rubber</span> + <span class="word-bc">rubber</span> arms and then - <span class="word-bc" > snapping</span> + <span class="word-bc"> snapping</span> them shut.During tests,fish swam alongside the Octobot.Researchers can use the robot to study sea creatures. </p> @@ -359,18 +376,18 @@ <div class="bodystyle"> <p><b>See Spot Run</b></p> <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play - <span class="word-bc" >fetch</span> + <span class="word-bc">fetch</span> .Boston Dynamics created the four-legged,160-pound - <span class="word-bc" >mechanical</span> + <span class="word-bc">mechanical</span> dog.It can climb mountains.It can cross woods.It can go upstairs.Spot can also keep itself from falling over if it loses its - <span class="word-bc" >balance</span> + <span class="word-bc">balance</span> .In the future,Spot may be used for search-and- - <span class="word-bc" >rescue</span> - <span class="word-bc" >missions</span> + <span class="word-bc">rescue</span> + <span class="word-bc">missions</span> and to carry heavy - <span class="word-bc" >facilities</span> + <span class="word-bc">facilities</span> . </p> <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p> @@ -379,21 +396,21 @@ <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest asks for an item,a clerk places it in Mingo鈥檚 - <span class="word-bc" >lid</span> + <span class="word-bc">lid</span> and enters the room number onto a screen.Guests are always very excited when Mingo arrives with a delivery. </p> <p><b>Big in Japan</b></p> <p>In Japan,scientists are leading the way in creating - <span class="word-bc" >humanoid</span> + <span class="word-bc">humanoid</span> robots.SoftBank introduced Pepper,a four-foot-tall robot who can talk with humans and - <span class="word-bc" >react</span> + <span class="word-bc">react</span> to emotions.If you - <span class="word-bc" >frown</span> + <span class="word-bc">frown</span> ,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has bigger plans for Pepper.It may one day keep humans - <span class="word-bc" >company</span> + <span class="word-bc">company</span> and help teach children. </p> <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p> @@ -401,9 +418,8 @@ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - class="audio" - ></audio> + <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" + class="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> @@ -505,18 +521,23 @@ <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. - <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"> + <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"> <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" alt=""> </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"> + <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"> <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" alt=""> </span> ,which can blend in - with its underwater surroundings.Spot is a mechanical dog which may</p> + with its underwater surroundings.Spot is a mechanical dog which may + </p> </div> </div> <div class="preface-bottom"> @@ -540,65 +561,78 @@ <div class="padding-93"> <div class="bodystyle"> <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"> + <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"> <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" alt=""> </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"> + <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"> <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" alt=""> </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"> + <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"> <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" alt=""> </span> - .</p> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[0].isShowAnswer"> + . + </p> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[0].value" :key="index" class="mr-20"> - {{index + 1}}.{{ item.answer }} + <span v-for="(item, index) in readingOne[0].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <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> --> - <ul class="choice-select"> - <!-- <li > + <ul class="choice-select"> + <!-- <li > <span>{{item}}</span> <dropdown :options="readingOne[1].option" @changeDropdownData="index == 0 ? changeDropdownDataOne : index == 1 ? changeDropdownDataTwo : index == 2 ? changeDropdownDataThree : changeDropdownDataFour "></dropdown> <img :src="readingOne[1].value.isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> </li> --> - <li> - <span>Pepper</span> - <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown> - <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> - </li> - <li> - <span>Spot</span> - <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown> - <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> - </li> - <li> - <span>Mingo</span> - <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown> - <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> - </li> - <li> - <span>Octobot</span> - <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown> - <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> - </li> - </ul> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[1].isShowAnswer"> - <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[1].value" :key="index" class="mr-20"> - {{index + 1}}.{{ arrayToString(item.answer) }} - </span> - </div> + <li> + <span>Pepper</span> + <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" + ref="choiceDropdownOne"></dropdown> + <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" + v-if="readingOne[1].isComplete"> + </li> + <li> + <span>Spot</span> + <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" + ref="choiceDropdownTwo"></dropdown> + <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" + v-if="readingOne[1].isComplete"> + </li> + <li> + <span>Mingo</span> + <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" + ref="choiceDropdownThree"></dropdown> + <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" + v-if="readingOne[1].isComplete"> + </li> + <li> + <span>Octobot</span> + <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" + ref="choiceDropdownFour"></dropdown> + <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" + v-if="readingOne[1].isComplete"> + </li> + </ul> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[1].isShowAnswer"> + <span>绛旀锛�</span> + <span v-for="(item, index) in readingOne[1].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ arrayToString(item.answer) }} + </span> + </div> <!-- <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> @@ -612,67 +646,111 @@ <div class="bk-wh"> <p>facility銆�mission銆�mechanical銆�habitat銆�creature銆�react</p> </div> - <p>1.This jellyfish looks like a - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - from outer space.</p> - <p>2.The giant panda - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - is commonly known as a bamboo forest.</p> - <p>3.China launched its first manned space - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - in 2003.</p> - <p>4.E-Theatre is equipped with state-of-the-art audio and video - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - .</p> - <p>5.Research shows that video games can help us think and - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - faster.</p> - <p>6.Our company has over 10 years of experience in the field of - <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> - engineering.</p> + <p>1.This jellyfish looks like a + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + from outer space. + </p> + <p>2.The giant panda + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + is commonly known as a bamboo forest. + </p> + <p>3.China launched its first manned space + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + in 2003. + </p> + <p>4.E-Theatre is equipped with state-of-the-art audio and video + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + . + </p> + <p>5.Research shows that video games can help us think and + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + faster. + </p> + <p>6.Our company has over 10 years of experience in the field of + <input type="text" :disabled="readingOne[2].isComplete" + v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" + v-if="readingOne[2].isComplete"> + engineering. + </p> <p>B.Choose the correct preposition or adverb.</p> - <p>1.I have not yet seen the machines - <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> - (<i>in / into</i>) action.</p> - <p>2.Technology is - <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> - (<i>off / on</i>) the rise more than ever before.</p> - <p>3.The secretary is not willing to take - <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> + <p>1.I have not yet seen the machines + <input type="text" :disabled="readingOne[3].isComplete" + v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" + v-if="readingOne[3].isComplete"> + (<i>in / into</i>) action. + </p> + <p>2.Technology is + <input type="text" :disabled="readingOne[3].isComplete" + v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" + v-if="readingOne[3].isComplete"> + (<i>off / on</i>) the rise more than ever before. + </p> + <p>3.The secretary is not willing to take + <input type="text" :disabled="readingOne[3].isComplete" + v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" + v-if="readingOne[3].isComplete"> (<i>up / on</i>) any extra work. </p> - <p>4.Employees are not allowed to smoke while - <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> - (<i>on / in</i>) the job.</p> - <p>5.I don鈥檛 know how to cheer him - <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> - <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> + <p>4.Employees are not allowed to smoke while + <input type="text" :disabled="readingOne[3].isComplete" + v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" + v-if="readingOne[3].isComplete"> + (<i>on / in</i>) the job. + </p> + <p>5.I don鈥檛 know how to cheer him + <input type="text" :disabled="readingOne[3].isComplete" + v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:80px"> + <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" + v-if="readingOne[3].isComplete"> (<i>up / on</i>) when he found the project was a total failure. </p> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[3].isShowAnswer"> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20"> - {{index + 1}}.{{ item.answer }} + <span v-for="(item, index) in readingOne[3].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p>C.Translate the following sentences into Chinese.</p> <p>1.While riding your scooter,you should keep your body in balance. - <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> + <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" + v-if="readingOne[4].isComplete"> </p> <p> - <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> + <input type="text" :disabled="readingOne[4].isComplete" + v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne"> </p> </div> </div> @@ -698,29 +776,37 @@ <div class="bodystyle"> <p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a central store. - <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> + <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" + v-if="readingOne[4].isComplete"> </p> <p> - <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> + <input type="text" :disabled="readingOne[4].isComplete" + v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne"> </p> <p>3.Not only does our team have professional equipment,but they also have a great amount of rescue experience. - <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> + <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" + v-if="readingOne[4].isComplete"> </p> <p> - <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> + <input type="text" :disabled="readingOne[4].isComplete" + v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne"> </p> <p>4.Food processors are great tools for blending vegetables and fruits. - <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> + <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" + v-if="readingOne[4].isComplete"> </p> <p> - <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> + <input type="text" :disabled="readingOne[4].isComplete" + v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne"> </p> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[4].isShowAnswer"> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[4].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[4].value" :key="index" class="mr-20"> - {{index + 1}}.{{ item.answer }} + <span v-for="(item, index) in readingOne[4].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>鈪�.Grammar focus:The comparative degree.</b> @@ -738,125 +824,166 @@ <img class="w100" :src="imgThirteen" /> </div> <p>A.Write the comparative form for each word below.</p> - <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14"> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" + class="fz-14"> <tr class="table-tr-bc"> <td class="tl-lf" style="width: 33%;"> l. often 鈫� - <input :disabled="readingOne[5].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" + <input :disabled="readingOne[5].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[0].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> - <td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input :disabled="readingOne[5].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" + <td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input + :disabled="readingOne[5].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[1].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> - <td class="tl-lf" style="width: 33%;">3. bad 鈫�<input :disabled="readingOne[5].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" + <td class="tl-lf" style="width: 33%;">3. bad 鈫�<input + :disabled="readingOne[5].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[2].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> </tr> <tr class="table-tr-bc "> <td class="tl-lf">4. early 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[3].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">5. heavy 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[4].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">6. late 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[5].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf">7. dangerous 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[6].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">8. thin 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[7].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> <td class="tl-lf">9. far 鈫�<input :disabled="readingOne[5].isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="readingOne[5].value[8].userAnswer" @change="saveReadingOne" /> - <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> + <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" + v-if="readingOne[5].isComplete"> </td> </tr> </table> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[5].isShowAnswer"> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20"> - {{index + 1}}.{{ arrayToString(item.answer) }} + <span v-for="(item, index) in readingOne[5].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ arrayToString(item.answer) }} </span> </div> <p>B.Fill in the blanks with the correct comparatives from the above.</p> - <p>1.The new car model may be launched - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - than expected.</p> - <p>2.The higher we go above the earth,the - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - the air is.</p> - <p>3.What you plant now,you will harvest - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - .</p> - <p>4.People come online - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - with smartphones than with any other device.</p> - <p>5.The big ball is - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - than the small ball.</p> - <p>6.In fact,the summer heat is - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - than lightning.</p> - <p>7.Our mission is to create a/an - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> - everyday life for the many people.</p> - <p>8.I wanted to discuss it - <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> - <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> + <p>1.The new car model may be launched + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + than expected. + </p> + <p>2.The higher we go above the earth,the + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + the air is. + </p> + <p>3.What you plant now,you will harvest + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + . + </p> + <p>4.People come online + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + with smartphones than with any other device. + </p> + <p>5.The big ball is + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + than the small ball. + </p> + <p>6.In fact,the summer heat is + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + than lightning. + </p> + <p>7.Our mission is to create a/an + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> + everyday life for the many people. + </p> + <p>8.I wanted to discuss it + <input type="text" :disabled="readingOne[6].isComplete" + v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" + @input="saveReadingOne" style="width:86px"> + <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" + v-if="readingOne[6].isComplete"> ,but we didn鈥檛 have time. </p> - <div class="event-header-text-bc pd-5 w100 mt-20" - v-if="readingOne[6].isShowAnswer"> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[6].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in readingOne[6].value" :key="index" class="mr-20"> - {{index + 1}}.{{ item.answer }} + <span v-for="(item, index) in readingOne[6].value" :key="index" class="mr-20"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> - <button class="btn-border btn-w" @click="handleReadingOne"> - 鎻愪氦 - </button> + <button class="btn-border btn-w" @click="handleReadingOne"> + 鎻愪氦 + </button> </li> <li> - <button @click="recastReadingOne" class="btn-border btn-w"> - 閲嶅仛 - </button> + <button @click="recastReadingOne" class="btn-border btn-w"> + 閲嶅仛 + </button> </li> <li> - <button @click="viewReadingOne" class="parimary-btn"> - 鏌ョ湅绛旀 - </button> + <button @click="viewReadingOne" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> </li> </ul> </div> @@ -899,12 +1026,12 @@ <p class="table-p">l. Humans are organic beings, yhile robots are not.</p> <p class="fl al-cn"> 2. - <input v-model="noSubmitData[1].value[0].userAnswer" + <input v-model="noSubmitData[1].value[0].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> <p class="fl al-cn"> 3. - <input v-model="noSubmitData[1].value[1].userAnswer" + <input v-model="noSubmitData[1].value[1].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> </td> @@ -917,12 +1044,12 @@ <p class="table-p">1. Do creative work.</p> <p class="fl al-cn"> 2. - <input v-model="noSubmitData[1].value[2].userAnswer" + <input v-model="noSubmitData[1].value[2].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> <p class="fl al-cn"> 3. - <input v-model="noSubmitData[1].value[3].userAnswer" + <input v-model="noSubmitData[1].value[3].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> </td> @@ -935,12 +1062,12 @@ <p class="table-p">1. Fold clothes for you.</p> <p class="fl al-cn"> 2. - <input v-model="noSubmitData[1].value[4].userAnswer" + <input v-model="noSubmitData[1].value[4].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> <p class="fl al-cn"> 3. - <input v-model="noSubmitData[1].value[5].userAnswer" + <input v-model="noSubmitData[1].value[5].userAnswer" class="w100 input-bottom-border input-bc-t" @change="saveNoSubmitData" /> </p> </td> @@ -949,20 +1076,16 @@ <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p class="dl-box"> - <span class="word-bc mr-20 dl-span" - >physical</span> - <span class="word-bc mr-20 dl-span" >complex</span> - <span class="word-bc mr-20 dl-span" >social</span> - <span class="word-bc mr-20 dl-span" - >relationship</span> - <span class="word-bc mr-20 dl-span" >feeling</span> - <span class="word-bc mr-20 dl-span" >emotion</span> - <span class="word-bc mr-20 dl-span" >empathy</span> - <span class="word-bc mr-20 dl-span" >thought</span> - <span class="word-bc mr-20 dl-span" - >tireless</span> - <span class="word-bc mr-20 dl-span" - >creative</span> + <span class="word-bc mr-20 dl-span">physical</span> + <span class="word-bc mr-20 dl-span">complex</span> + <span class="word-bc mr-20 dl-span">social</span> + <span class="word-bc mr-20 dl-span">relationship</span> + <span class="word-bc mr-20 dl-span">feeling</span> + <span class="word-bc mr-20 dl-span">emotion</span> + <span class="word-bc mr-20 dl-span">empathy</span> + <span class="word-bc mr-20 dl-span">thought</span> + <span class="word-bc mr-20 dl-span">tireless</span> + <span class="word-bc mr-20 dl-span">creative</span> </p> <p>銆�銆�銆�銆�銆�銆�銆�銆�銆� </p> @@ -973,137 +1096,117 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤22.jpg" /> </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" /> + <img src="../../assets/images/ppt/4-1銆丮ODULE 4锛坙esson one锛塤23.jpg" /> </div> </div> </div> @@ -1121,23 +1224,20 @@ <div class="fieldset-1"> <p class="center"><b>Interest in Science</b></p> <ul> - <li v-for="(item,index) in noSubmitData[2].value.slice(0,2)" :key="index"> - <p> - {{index + 1}}.{{item.stem}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> - </p> - - <p v-for="(citem,cindex) in item.option" :key="cindex"> - <input type="checkbox" - :value="citem" - :name="item.stem" - v-model="item.userAnswer" - :disabled="noSubmitData[2].isComplete" - @change="saveNoSubmitData" - > - {{citem}} - </p> - </li> + <li v-for="(item, index) in noSubmitData[2].value.slice(0, 2)" :key="index"> + <p> + {{ index + 1 }}.{{ item.stem }} + <img :src="item.isRight ? correctIcon : errorIcon" + v-if="noSubmitData[2].isComplete"> + </p> + + <p v-for="(citem, cindex) in item.option" :key="cindex"> + <input type="checkbox" :value="citem" :name="item.stem" + v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" + @change="saveNoSubmitData"> + {{ citem }} + </p> + </li> </ul> </div> </div> @@ -1164,65 +1264,74 @@ <div class="bodystyle"> <div class="fieldset-1"> <ul> - <li v-for="(item,index) in noSubmitData[2].value.slice(2,5)" :key="index"> - <p> - {{index + 3}}.{{item.stem}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> - </p> - - <p v-for="(citem,cindex) in item.option" :key="cindex"> - <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData"> - {{citem}} - </p> - </li> + <li v-for="(item, index) in noSubmitData[2].value.slice(2, 5)" :key="index"> + <p> + {{ index + 3 }}.{{ item.stem }} + <img :src="item.isRight ? correctIcon : errorIcon" + v-if="noSubmitData[2].isComplete"> + </p> + + <p v-for="(citem, cindex) in item.option" :key="cindex"> + <input type="checkbox" :value="citem" :name="item.stem" + v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" + @change="saveNoSubmitData"> + {{ citem }} + </p> + </li> </ul> </div> <p>You may start your survey report with the following expressions:</p> <p><i>Most students seem</i>鈥�</p> <p><i>It appears that most students</i>鈥�</p> <p><i>What surprised me is that</i>鈥�</p> - <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="10" class="w100" + v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> <h3 id="c033"><span class="bjh3">Reading</span></h3> <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence? - <span class="btn-box" @click="showNoSubmitAnswer(3,1)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + <span class="btn-box" @click="showNoSubmitAnswer(3, 1)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> </p> - <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="10" class="w100" + v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> - <span>绛旀锛歿{noSubmitData[3].value[1].answer}}</span> + <span>绛旀锛歿{ noSubmitData[3].value[1].answer }}</span> </div> <p>2.What is your dream about space exploration? - <span class="btn-box" @click="showNoSubmitAnswer(3,2)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + <span class="btn-box" @click="showNoSubmitAnswer(3, 2)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> </p> - <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="10" class="w100" + v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[2].isShowAnswer"> <span>绛旀:</span> - <p v-for="(item,index) in noSubmitData[3].value[2].answer" :key="index"> - {{index + 1}}) {{item}} + <p v-for="(item, index) in noSubmitData[3].value[2].answer" :key="index"> + {{ index + 1 }}) {{ item }} </p> </div> <p class="center"><b>Fresh Face of Science</b></p> <p class="center"> - <audio :src="resource.readingThree" controls - controlslist="noplaybackrate nodownload" class="audio" ></audio></p> + <audio :src="resource.readingThree" controls 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" >scientometrics</span> + <span class="word-bc">scientometrics</span> ,scientists typically make their biggest achievements between the ages of 25 and 45,which is true of the scientists and engineers working on FAST(Five-hundred-meter Aperture Spherical - <span class="word-bc" >Telescope</span> + <span class="word-bc">Telescope</span> ).Its engineering and operation team has an average age of 39,while its on-site team has an average age of 30.Meanwhile,the scientific spirit these young scientists have shown is also moving. @@ -1251,14 +1360,14 @@ <div class="padding-93"> <div class="bodystyle"> <p>quite helpful in the discovery of around 340 - <span class="word-bc" >pulsars</span> + <span class="word-bc">pulsars</span> ,since becoming operational in September 2016.It has also contributed to helping human beings better understand the <span class="word-bc">origin</span> of fast radio - <span class="word-bc" >bursts</span> + <span class="word-bc">bursts</span> ,extremely brief but powerful flashes in the - <span class="word-bc" >universe</span> + <span class="word-bc">universe</span> .FAST was listed by the journals <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020. </p> @@ -1267,13 +1376,13 @@ limits,including creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of 28,Yao Rui,a researcher behind FAST鈥檚 feed - <span class="word-bc" >cabin</span> + <span class="word-bc">cabin</span> ,was responsible for creating the 鈥� - <span class="word-bc" >pupil</span>鈥� of + <span class="word-bc">pupil</span>鈥� of the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving enough room to fill it with as much - <span class="word-bc" >complex</span> + <span class="word-bc">complex</span> and sensitive equipment as possible.Yao鈥檚 solution was to change the shape of the cabin to a <span class="word-bc">diamond</span> @@ -1287,13 +1396,13 @@ <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only needed to be - <span class="word-bc" >precise</span> + <span class="word-bc">precise</span> and sensitive in its applications,but it should also be beautiful to look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and - <span class="word-bc" word = "reward">rewarded</span> - him with confidence as he - <span class="word-bc" >overcame</span> + <span class="word-bc" word="reward">rewarded</span> + him with confidence as he + <span class="word-bc">overcame</span> many difficulties and setbacks. </p> <p>The 鈥淪ky Eye鈥� is open to the world and offers more @@ -1308,8 +1417,8 @@ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> - <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" - ></audio> + <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" + class="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> @@ -1451,52 +1560,62 @@ <td style="width: 65%;"> <p class="table-p"> The engineering and operation team has an average age of 1. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> while the on-site team has an average age of 2. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> </p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Achievements</td> <td style="width: 65%;"> - <p class="table-p">The team built the world鈥檚 largest radio telescope, which has been quite helpful in the discovery of around 3. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> + <p class="table-p">The team built the world鈥檚 largest radio telescope, which has + been quite helpful in the discovery of around 3. + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> pulsars, since becoming operational in September 4. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> - </p> + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> + </p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Contributions ofTeam Members</td> <td style="width: 65%;"> - <p class="table-p">A researcher behind FAST鈥檚 feed cabin, was responsible for creating the 鈥減upil鈥� of the 鈥淪ky Eye鈥�. She joined the team at the age of 5. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> + <p class="table-p">A researcher behind FAST鈥檚 feed cabin, was responsible for + creating the 鈥減upil鈥� of the 鈥淪ky Eye鈥�. She joined the team at the age of 5. + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> Sun Jinghai A 6. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> - ________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7. - <input :disabled="readingTwo[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 5em" - v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" /> - <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> + ________-year-old researcher of FAST, was involved in perfecting and protecting + the giant machine. He spent 7. + <input :disabled="readingTwo[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" /> + <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" + v-if="readingTwo[0].isComplete"> years on FAST. </p> </td> @@ -1505,27 +1624,26 @@ </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[0].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in readingTwo[0].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in readingTwo[0].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p>B.Decide whether the following statements are true (T) or false (F).</p> - <p v-for="(item,index) in readingTwo[1].value" :key="index"> + <p v-for="(item, index) in readingTwo[1].value" :key="index"> ( - <select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo"> - <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" - :value="citem"> - {{ citem }} - </option> - </select> + <select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo"> + <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem"> + {{ citem }} + </option> + </select> ) - {{index + 1}}.{{item.stem}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete"> + {{ index + 1 }}.{{ item.stem }} + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in readingTwo[1].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in readingTwo[1].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> </div> @@ -1551,36 +1669,34 @@ <div class="padding-93"> <div class="bodystyle"> <p><b>鈪�.Language focus.</b></p> - <p v-for="(item,index) in readingTwo[2].value" :key="index"> - {{index + 1}}.{{item.stemOne}} - <input :disabled="readingTwo[2].isComplete" type="text" - class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" - /> - {{item.stemTwo}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> + <p v-for="(item, index) in readingTwo[2].value" :key="index"> + {{ index + 1 }}.{{ item.stemOne }} + <input :disabled="readingTwo[2].isComplete" type="text" class="input-bottom-border" + style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> + {{ item.stemTwo }} + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in readingTwo[2].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in readingTwo[2].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>work on銆�in return銆�be responsible for銆�be involved in銆�contribute to</p> </div> - <p v-for="(item,index) in readingTwo[3].value" :key="'list' + index"> - {{index + 1}}.{{item.stemOne}} - <input :disabled="readingTwo[3].isComplete" type="text" - class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" - /> - {{item.stemTwo}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> + <p v-for="(item, index) in readingTwo[3].value" :key="'list' + index"> + {{ index + 1 }}.{{ item.stemOne }} + <input :disabled="readingTwo[3].isComplete" type="text" class="input-bottom-border" + style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> + {{ item.stemTwo }} + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in readingTwo[3].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in readingTwo[3].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>鈪�.Grammar focus:The superlative degree.</b> @@ -1598,36 +1714,35 @@ <img class="w100" :src="imgThirteenOne" /> </div> <p>Complete the sentences with the superlative form of the words in the brackets.</p> - <p v-for="(item,index) in readingTwo[4].value" :key="'hold' + index"> - {{index + 1}}.{{item.stemOne}} - <input :disabled="readingTwo[4].isComplete" type="text" - class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" - /> - {{item.stemTwo}} - <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> + <p v-for="(item, index) in readingTwo[4].value" :key="'hold' + index"> + {{ index + 1 }}.{{ item.stemOne }} + <input :disabled="readingTwo[4].isComplete" type="text" class="input-bottom-border" + style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> + {{ item.stemTwo }} + <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in readingTwo[4].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in readingTwo[4].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> - <button class="btn-border btn-w" @click="handleReadingTwo"> - 鎻愪氦 - </button> + <button class="btn-border btn-w" @click="handleReadingTwo"> + 鎻愪氦 + </button> </li> <li> - <button @click="recastReadingTwo" class="btn-border btn-w"> - 閲嶅仛 - </button> + <button @click="recastReadingTwo" class="btn-border btn-w"> + 閲嶅仛 + </button> </li> <li> - <button @click="viewReadingTwo" class="parimary-btn"> - 鏌ョ湅绛旀 - </button> + <button @click="viewReadingTwo" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> </li> </ul> </div> @@ -1726,137 +1841,92 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤17.jpg" /> </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" /> + <img src="../../assets/images/ppt/4-2銆丮ODULE 4锛坙esson two锛塤18.jpg" /> </div> </div> </div> @@ -1876,26 +1946,34 @@ about it.</b> </p> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" - class="audio"></audio> + class="audio"></audio> <p> - <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> + <input type="checkbox" value="What it is" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 1.What it is - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[0], 0) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> <p> - <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> + <input type="checkbox" value="Where Nadia got it" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 2.Where Nadia got it - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[1], 1) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> <p> - <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> + <input type="checkbox" value="How much it is" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 3.How much it is - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[2], 2) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> <p> - <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> + <input type="checkbox" value="What Nadia uses it for" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 4.What Nadia uses it for - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[3], 3) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> </div> </div> @@ -1920,172 +1998,180 @@ <div class="padding-93"> <div class="bodystyle"> <p> - <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> + <input type="checkbox" value="When Nadia owned it" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 5.When Nadia owned it - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[4], 4) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> <p> - <input - type="checkbox" - value="Why it is important to Nadia" - name="what" - v-model="listenTwo[0].value[0].userAnswer" - :disabled="listenTwo[0].isComplete" - > + <input type="checkbox" value="Why it is important to Nadia" name="what" + v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> 6.Why it is important to Nadia - <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> + <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[5], 5) ? correctIcon : errorIcon" + v-if="listenTwo[0].isComplete"> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in listenTwo[0].value[0].answer" :key="index"> - {{index + 1}}.{{item}} + <span v-for="(item, index) in listenTwo[0].value[0].answer" :key="index"> + {{ index + 1 }}.{{ item }} </span> </div> <p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the conversation,and write down the benefits of each App.</b> </p> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" - class="audio"></audio> + class="audio"></audio> <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">Artificial Inteligence Apps</td> - <td class="tl-cn">Benefits</td> - </tr> - <tr class="table-tr-bc"> - <td class="tl-cn"> - digital assistance - </td> - <td class="tl-lf"> - <p class="table-p"> - It reminds me to do things. - </p> - <p class="table-p"> - It wakes me up 1. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-th-bc"> + <td class="tl-cn">Artificial Inteligence Apps</td> + <td class="tl-cn">Benefits</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + digital assistance + </td> + <td class="tl-lf"> + <p class="table-p"> + It reminds me to do things. + </p> + <p class="table-p"> + It wakes me up 1. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - in the morning. - </p> - <p class="table-p"> - It plays my 2. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - music. - </p> - <p class="table-p"> - I chat with it when I am alone.. - </p> - </td> - </tr> - <tr class="table-tr-bc"> - <td class="tl-cn"> - online shopping recommendation - </td> - <td class="tl-lf"> - <p class="table-p"> - It 3. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" + <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + in the morning. + </p> + <p class="table-p"> + It plays my 2. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" /> + <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + music. + </p> + <p class="table-p"> + I chat with it when I am alone.. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + online shopping recommendation + </td> + <td class="tl-lf"> + <p class="table-p"> + It 3. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - suggests things that I - want. - </p> - <p class="table-p"> - It makes shopping a 4. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" + <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + suggests things that I + want. + </p> + <p class="table-p"> + It makes shopping a 4. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - experience. - </p> - </td> - </tr> - <tr class="table-tr-bc"> - <td class="tl-cn"> - instant translation - </td> - <td class="tl-lf"> - <p class="table-p"> - They help me communicate easily when I travel abroad. - </p> - <p class="table-p"> - They're so 5. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" + <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + experience. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + instant translation + </td> + <td class="tl-lf"> + <p class="table-p"> + They help me communicate easily when I travel abroad. + </p> + <p class="table-p"> + They're so 5. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - for foreign language - learning. - </p> - <p class="table-p"> - I can figure out words or the meaning of words 6. - <input :disabled="listenTwo[1].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" + <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + for foreign language + learning. + </p> + <p class="table-p"> + I can figure out words or the meaning of words 6. + <input :disabled="listenTwo[1].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" /> - <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> - </p> - </td> - </tr> - </table> + <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" + v-if="listenTwo[1].isComplete"> + </p> + </td> + </tr> + </table> </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer"> <span>绛旀:</span> - <span v-for="(item,index) in listenTwo[1].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in listenTwo[1].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> - <button class="btn-border btn-w" @click="handleListenTwo"> - 鎻愪氦 - </button> + <button class="btn-border btn-w" @click="handleListenTwo"> + 鎻愪氦 + </button> </li> <li> - <button @click="recastListenTwo" class="btn-border btn-w"> - 閲嶅仛 - </button> + <button @click="recastListenTwo" class="btn-border btn-w"> + 閲嶅仛 + </button> </li> <li> - <button @click="viewListenTwo" class="parimary-btn"> - 鏌ョ湅绛旀 - </button> + <button @click="viewListenTwo" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> </li> </ul> </div> - + <h3 id="c036"><span class="bjh3">Practical Writing</span></h3> <p>Work with your partner to discuss the following questions.</p> <p>1.What is a sales letter like? - <span class="btn-box" @click="showNoSubmitAnswer(5,0)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + <span class="btn-box" @click="showNoSubmitAnswer(5, 0)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> </p> - <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer"> - <span>绛旀锛歿{noSubmitData[5].value[0].answer}}</span> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" + class="w100" @input="saveNoSubmitData"></textarea> + <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer"> + <span>绛旀锛歿{ noSubmitData[5].value[0].answer }}</span> </div> - <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> <p>2.What are the purposes of a sales letter? - <span class="btn-box" @click="showNoSubmitAnswer(5,1)"> - <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> - <path class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" /> + <span class="btn-box" @click="showNoSubmitAnswer(5, 1)"> + <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" + viewBox="0 0 20.501 20.501"> + <path class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" /> </svg> </span> </p> - <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" + class="w100" @input="saveNoSubmitData"></textarea> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[1].isShowAnswer"> - <span>绛旀锛歿{noSubmitData[5].value[1].answer}}</span> + <span>绛旀锛歿{ noSubmitData[5].value[1].answer }}</span> </div> </div> </div> @@ -2136,33 +2222,41 @@ <p class="left">Gardening can be back-breaking work when you are not using the right tools. Almost 90% of homeowners injure their backs just by simply raking (鑰�) the leaves in their back yards. If you are like them and 1. - <input :disabled="practicalWriting[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> + <input :disabled="practicalWriting[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" /> + <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[0].isComplete"> a sore back after gardening, then - you need to use our new easy rake leaf blower.</p> + you need to use our new easy rake leaf blower. + </p> <p class="left">What is the 2. - <input :disabled="practicalWriting[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> - raking and blowing leaves:</p> + <input :disabled="practicalWriting[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" /> + <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[0].isComplete"> + raking and blowing leaves: + </p> <p class="left">銆�銆�鈼廚o bending over, so less back pain</p> <p class="left">銆�銆�鈼�3. - <input :disabled="practicalWriting[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> - and your arms do not ache</p> + <input :disabled="practicalWriting[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" /> + <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[0].isComplete"> + and your arms do not ache + </p> <p class="left">銆�銆�鈼廝owerful motor blows leaves right where you want them</p> <p class="left">銆�銆�鈼廌urable and easy to store in your garage</p> <p class="left">銆�銆�鈼�4. - <input :disabled="practicalWriting[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> - 20% discount with every purchase</p> + <input :disabled="practicalWriting[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" /> + <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[0].isComplete"> + 20% discount with every purchase + </p> </div> </div> </div> @@ -2188,10 +2282,11 @@ <div class="bodystyle"> <div class="fieldset-3"> <p class="left">To 5. - <input :disabled="practicalWriting[0].isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> + <input :disabled="practicalWriting[0].isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" /> + <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[0].isComplete"> this offer, just come into our store on the corner of Main and Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you. </p> @@ -2201,52 +2296,63 @@ </div> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[0].isShowAnswer"> <span>绛旀锛�</span> - <span v-for="(item,index) in practicalWriting[0].value" :key="index"> - {{index + 1}}.{{item.answer}} + <span v-for="(item, index) in practicalWriting[0].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </span> </div> <p><b>鈪�.Translate the Chinese in the brackets into English to complete the sentences.</b></p> <p class="tl-left">1.Are you having trouble cleaning your house? - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> - (鎴戜滑鏈夎В鍐虫柟妗�).</p> + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[0].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> + (鎴戜滑鏈夎В鍐虫柟妗�). + </p> <p class="tl-left">2. - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> - (鎴戜滑鍒氬垰鎺ㄥ嚭涓�娆炬柊浜у搧) 鈥攎odern sweeper XSweep.</p> - <p class="tl-left">3.With XSweep,you can do it straight from the ground and - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> - (瀹冪殑闀垮害鍙揪4鑻卞昂).</p> + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[1].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> + (鎴戜滑鍒氬垰鎺ㄥ嚭涓�娆炬柊浜у搧) 鈥攎odern sweeper XSweep. + </p> + <p class="tl-left">3.With XSweep,you can do it straight from the ground and + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[2].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> + (瀹冪殑闀垮害鍙揪4鑻卞昂). + </p> <p class="tl-left">4.How much will this cost you? - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> - (鍚繍璐瑰彧瑕�19.99缇庡厓).</p> + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[3].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> + (鍚繍璐瑰彧瑕�19.99缇庡厓). + </p> <p class="tl-left">5. - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> - (濡傛灉鎮ㄦ劅鍏磋叮鎴栨兂浜嗚В鏇村淇℃伅),you can call us directly at 493-201-2018.</p> + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[4].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> + (濡傛灉鎮ㄦ劅鍏磋叮鎴栨兂浜嗚В鏇村淇℃伅),you can call us directly at 493-201-2018. + </p> <p class="tl-left">6. - <input :disabled="practicalWriting[1].isComplete" - type="text" class="input-bottom-border input-bc-t" - v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" /> - <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> + <input :disabled="practicalWriting[1].isComplete" type="text" + class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[5].userAnswer" + @input="savePracticalWriting" /> + <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" + v-if="practicalWriting[1].isComplete"> (娆㈣繋鎮ㄦ潵璇曠敤鎴戜滑鐨勬柊浜у搧) and we assure you that you will love it. </p> <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer"> <span>绛旀锛�</span> - <p v-for="(item,index) in practicalWriting[1].value" :key="index"> - {{index + 1}}.{{item.answer}} + <p v-for="(item, index) in practicalWriting[1].value" :key="index"> + {{ index + 1 }}.{{ item.answer }} </p> </div> <p>鈪�<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to @@ -2260,7 +2366,9 @@ <p class="left"><br /></p> <p class="left">Dear Mr. Wang,</p> <p class="left"> - <textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea> + <textarea name="" id="" cols="30" rows="20" + v-model="practicalWriting[2].value[0].userAnswer" class="w100" + @input="savePracticalWriting"></textarea> </p> </div> </div> @@ -2293,19 +2401,19 @@ <div class="w100 fl ju-cn"> <ul class="fl ju-ev" style="width:80%"> <li> - <button class="btn-border btn-w" @click="handlePracticalWriting"> - 鎻愪氦 - </button> + <button class="btn-border btn-w" @click="handlePracticalWriting"> + 鎻愪氦 + </button> </li> <li> - <button @click="recastPracticalWriting" class="btn-border btn-w"> - 閲嶅仛 - </button> + <button @click="recastPracticalWriting" class="btn-border btn-w"> + 閲嶅仛 + </button> </li> <li> - <button @click="viewPracticalWriting" class="parimary-btn"> - 鏌ョ湅绛旀 - </button> + <button @click="viewPracticalWriting" class="parimary-btn"> + 鏌ョ湅绛旀 + </button> </li> </ul> </div> @@ -2364,7 +2472,9 @@ <p><br /></p> <p class="left">Dear Mr. Allen,</p> <p class="left"> - <textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> + <textarea name="" id="" cols="30" rows="20" + v-model="noSubmitData[6].value[0].userAnswer" class="w100" + @input="saveNoSubmitData"></textarea> </p> <p class="left">Sincerely,</p> <p class="left">Lin Yi</p> @@ -2391,137 +2501,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤16.jpg" /> </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" /> + <img src="../../assets/images/ppt/4-3銆丮ODULE 4锛坙esson three锛塤17.jpg" /> </div> </div> </div> @@ -2547,7 +2607,7 @@ import { getResourcePath } from "@/assets/methods/resources"; export default { name: "chapter-Four", - components: { matching,dropdown }, + components: { matching, dropdown }, props: { showPageList: { type: Array, @@ -2555,8 +2615,8 @@ }, data() { return { - correctIcon:require('@/assets/images/correct.svg'), - errorIcon:require('@/assets/images/error.svg'), + correctIcon: require('@/assets/images/correct.svg'), + errorIcon: require('@/assets/images/error.svg'), imgThirteen: require("../../assets/images/grammar4-1.png"), imgThirteenOne: require("../../assets/images/grammar4-2.png"), showImg: false, @@ -2784,100 +2844,100 @@ }, }, // 鏂板 - warmUp:[ + warmUp: [ { - type:'drapDown', - isComplete:false, - isShowAnswer:false, - options:['robot floor cleaner','self-balancing scooter','camera drone','camera drone','camera drone','VR headset'], - value:[ + 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: 'robot floor cleaner', + userAnswer: '', + isRight: null }, { - answer:'camera drone', - userAnswer:'', - isRight:null + answer: 'camera drone', + userAnswer: '', + isRight: null }, { - answer:'VR headset', - userAnswer:'', - isRight:null + answer: 'VR headset', + userAnswer: '', + isRight: null }, { - answer:'fingerprint door lock', - userAnswer:'', - isRight:null + answer: 'fingerprint door lock', + userAnswer: '', + isRight: null }, { - answer:'smartwatch', - userAnswer:'', - isRight:null + answer: 'smartwatch', + userAnswer: '', + isRight: null }, { - answer:'self-balancing scooter', - userAnswer:'', - isRight:null + answer: 'self-balancing scooter', + userAnswer: '', + isRight: null }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:"2", - userAnswer:'', - isRight:null, + answer: "2", + userAnswer: '', + isRight: null, }, { - answer:"4", - userAnswer:'', - isRight:null, + answer: "4", + userAnswer: '', + isRight: null, }, { - answer:"1", - userAnswer:'', - isRight:null, + answer: "1", + userAnswer: '', + isRight: null, }, { - answer:"3", - userAnswer:'', - isRight:null, + answer: "3", + userAnswer: '', + isRight: null, }, { - answer:"6", - userAnswer:'', - isRight:null, + answer: "6", + userAnswer: '', + isRight: null, }, { - answer:"5", - userAnswer:'', - isRight:null, + answer: "5", + userAnswer: '', + isRight: null, }, ] } ], - noSubmitData:[ + noSubmitData: [ { - type:'shortAnswer', - value:[ + type: 'shortAnswer', + value: [ { - answer:[ + answer: [ 'a two-legged humanoid who can do house work', 'a giant one-armed industrial robot holding a welding torch', 'an alternative to pets like the robotic dog', 'autonomous vehicles which can navigate and operate independently', 'a companion to interact with humans, especially for the elderly or people with disabilities' ], - isShowAnswer:false, - userAnswer:'', + isShowAnswer: false, + userAnswer: '', }, { - answer:[ + answer: [ 'Domestic chores', 'Healthcare support', 'Manufacturing and labor-intensive tasks', @@ -2887,170 +2947,170 @@ 'Education', 'Agriculture' ], - isShowAnswer:false, - userAnswer:'' + isShowAnswer: false, + userAnswer: '' } ] }, { - type:'shortAnswer', - value:[ + type: 'shortAnswer', + value: [ { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, ] }, { - type:'checkbox', - value:[ + type: 'checkbox', + value: [ { - stem:'Do you like science?', - option:['YES (Continue to Question 2)','NO (Go directly to Question 4)'], - userAnswer:[] + stem: 'Do you like science?', + option: ['YES (Continue to Question 2)', 'NO (Go directly to Question 4)'], + userAnswer: [] }, { - stem:'What/Who inspired your interest in science?', - option:['Parents/Relatives.','Film/TV.','Friends.','Internet.','Teachers.',' A special event.','School or a particular subject.','I don鈥檛 know.','Books.','Other.'], - userAnswer:[] + stem: 'What/Who inspired your interest in science?', + option: ['Parents/Relatives.', 'Film/TV.', 'Friends.', 'Internet.', 'Teachers.', ' A special event.', 'School or a particular subject.', 'I don鈥檛 know.', 'Books.', 'Other.'], + userAnswer: [] }, { - stem:'Why are you interested in studying science?', - option:['I am curious about the world.','It challenges me intellectually.','To earn money.','To get a good job.','To help others or contribute to society.','I don鈥檛 know.','To search for answers or make new discoveries.','Other.'], - userAnswer:[] + stem: 'Why are you interested in studying science?', + option: ['I am curious about the world.', 'It challenges me intellectually.', 'To earn money.', 'To get a good job.', 'To help others or contribute to society.', 'I don鈥檛 know.', 'To search for answers or make new discoveries.', 'Other.'], + userAnswer: [] }, { - stem:'What are the main reasons that you are not interested in science?', - option:[' It鈥檚 difficult for me to understand.','I find it boring.','Science is not spread to the public effectively.','I鈥檓 too lazy.','There has been nothing to encourage or inspire me.','I don鈥檛 know.','I don鈥檛 like my science teacher.','Other.'], - userAnswer:[] + stem: 'What are the main reasons that you are not interested in science?', + option: [' It鈥檚 difficult for me to understand.', 'I find it boring.', 'Science is not spread to the public effectively.', 'I鈥檓 too lazy.', 'There has been nothing to encourage or inspire me.', 'I don鈥檛 know.', 'I don鈥檛 like my science teacher.', 'Other.'], + userAnswer: [] } ] }, { - type:'shortAnswer', - value:[ + type: 'shortAnswer', + value: [ { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'', - isShowAnswer:false, - answer:'Staring at the unknown yet massive sky with clouds rolling by, way past the trees and deep into the stars, you are reminded of how small they are. Somehow the sky fills us with amazement and wonderment. Staring at the sky gears you to asking questions. Perhaps because it is a door to a universe. The sky reminds us of our past and where we are coming from. When you stare at the sky you see a history of places and times before you. You can see beyond where you are right now and peer towards where you are coming from.' + userAnswer: '', + isShowAnswer: false, + answer: 'Staring at the unknown yet massive sky with clouds rolling by, way past the trees and deep into the stars, you are reminded of how small they are. Somehow the sky fills us with amazement and wonderment. Staring at the sky gears you to asking questions. Perhaps because it is a door to a universe. The sky reminds us of our past and where we are coming from. When you stare at the sky you see a history of places and times before you. You can see beyond where you are right now and peer towards where you are coming from.' }, { - userAnswer:'', - isShowAnswer:false, - answer:['a journey to Mars or other planets and travel in deep space',"uncover the secrets of the Universe and life鈥檚 origin",'find traces of distant life.','colonize space and exploit resources on other planets'] + userAnswer: '', + isShowAnswer: false, + answer: ['a journey to Mars or other planets and travel in deep space', "uncover the secrets of the Universe and life鈥檚 origin", 'find traces of distant life.', 'colonize space and exploit resources on other planets'] }, ] }, { - type:'table', - value:[ + type: 'table', + value: [ { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, { - userAnswer:'' + userAnswer: '' }, ] }, { - type:'shortAnswer', - value:[ + type: 'shortAnswer', + value: [ { - userAnswer:'', - isShowAnswer:false, - answer:'Sales letter is written to a potential consumer to introduce the company, a product, or service.' + userAnswer: '', + isShowAnswer: false, + answer: 'Sales letter is written to a potential consumer to introduce the company, a product, or service.' }, { - userAnswer:'', - isShowAnswer:false, - answer:'A sales letter aims introduce new product and service to your prospective clients, explains to the reader how they will benefit from the product or service and convinces them to buy your product or service.' + userAnswer: '', + isShowAnswer: false, + answer: 'A sales letter aims introduce new product and service to your prospective clients, explains to the reader how they will benefit from the product or service and convinces them to buy your product or service.' }, ] }, { - type:'shortAnswer', - value:[ + type: 'shortAnswer', + value: [ { - userAnswer:'' + userAnswer: '' } ] }, - + ], - readingOne:[ + readingOne: [ { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'easier and safer', - userAnswer:'', - isRight:null + answer: 'easier and safer', + userAnswer: '', + isRight: null }, { - answer:'sea creatures', - userAnswer:'', - isRight:null + answer: 'sea creatures', + userAnswer: '', + isRight: null }, { - answer:'search-and-rescue', - userAnswer:'', - isRight:null + answer: 'search-and-rescue', + userAnswer: '', + isRight: null }, { - answer:'deliveries', - userAnswer:'', - isRight:null + answer: 'deliveries', + userAnswer: '', + isRight: null }, { - answer:'emotions', - userAnswer:'', - isRight:null + answer: 'emotions', + userAnswer: '', + isRight: null }, ] }, { - type:'select', - isComplete:false, - isShowAnswer:false, - stem:['Pepper','Spot','Mingo','Octobot'], - option:[ + type: 'select', + isComplete: false, + isShowAnswer: false, + stem: ['Pepper', 'Spot', 'Mingo', 'Octobot'], + option: [ 'It moves like a real dog.', 'It could be found in stores.', 'It is the size of a shoebox.', @@ -3060,554 +3120,577 @@ "It's about three-foot-tall with a screen on the top.", 'It travels close to the speed of an octopus in the water.', ], - value:[ + value: [ { - userAnswer:[], - answer:['It could be found in stores.','It will cheer you up if you frown.'] + userAnswer: [], + answer: ['It could be found in stores.', 'It will cheer you up if you frown.'] }, { - userAnswer:[], - answer:['It moves like a real dog.','It can carry heavy facilities.'] + userAnswer: [], + answer: ['It moves like a real dog.', 'It can carry heavy facilities.'] }, { - userAnswer:[], - answer:['It can bring guests small items to their rooms.',"It's about three-foot-tall with a screen on the top.",] + userAnswer: [], + answer: ['It can bring guests small items to their rooms.', "It's about three-foot-tall with a screen on the top.",] }, { - userAnswer:[], - answer:["It is the size of a shoebox.","It travels close to the speed of an octopus in the water."] + userAnswer: [], + answer: ["It is the size of a shoebox.", "It travels close to the speed of an octopus in the water."] } ] }, { - type:"fill", - isComplete:false, - isShowAnswer:false, - value:[ + type: "fill", + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'creature', - userAnswer:'', - isRight:null + answer: 'creature', + userAnswer: '', + isRight: null }, { - answer:'habitat', - userAnswer:'', - isRight:null + answer: 'habitat', + userAnswer: '', + isRight: null }, { - answer:'mission', - userAnswer:'', - isRight:null + answer: 'mission', + userAnswer: '', + isRight: null }, { - answer:'facilities', - userAnswer:'', - isRight:null + answer: 'facilities', + userAnswer: '', + isRight: null }, { - answer:'react', - userAnswer:'', - isRight:null + answer: 'react', + userAnswer: '', + isRight: null }, { - answer:'mechanical', - userAnswer:'', - isRight:null + answer: 'mechanical', + userAnswer: '', + isRight: null }, ] }, { - type:"fill", - isComplete:false, - isShowAnswer:false, - value:[ + type: "fill", + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'in', - userAnswer:'', - isRight:null + answer: 'in', + userAnswer: '', + isRight: null }, { - answer:'on', - userAnswer:'', - isRight:null + answer: 'on', + userAnswer: '', + isRight: null }, { - answer:'on', - userAnswer:'', - isRight:null + answer: 'on', + userAnswer: '', + isRight: null }, { - answer:'on', - userAnswer:'', - isRight:null + answer: 'on', + userAnswer: '', + isRight: null }, { - answer:'up', - userAnswer:'', - isRight:null + answer: 'up', + userAnswer: '', + isRight: null }, ] }, { - type:"fill", - isComplete:false, - isShowAnswer:false, - value:[ + type: "fill", + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'鍦ㄩ獞骞宠 杞︾殑鏃跺�欒淇濇寔韬綋骞宠 ', - userAnswer:'', - isRight:null + answer: '鍦ㄩ獞骞宠 杞︾殑鏃跺�欒淇濇寔韬綋骞宠 ', + userAnswer: '', + isRight: null }, { - answer:'鏈哄櫒浜虹殑浠诲姟鏄负鐜板満鐨勬妧鏈汉鍛樻彁渚涗腑澶粨搴撶墿璧勫彇閫佹湇鍔�', - userAnswer:'', - isRight:null + answer: '鏈哄櫒浜虹殑浠诲姟鏄负鐜板満鐨勬妧鏈汉鍛樻彁渚涗腑澶粨搴撶墿璧勫彇閫佹湇鍔�', + userAnswer: '', + isRight: null }, { - answer:'鎴戜滑鐨勫洟闃熶笉浠呮湁涓撲笟鐨勮澶囷紝杩樻湁涓板瘜鐨勬晳鎻寸粡楠�', - userAnswer:'', - isRight:null + answer: '鎴戜滑鐨勫洟闃熶笉浠呮湁涓撲笟鐨勮澶囷紝杩樻湁涓板瘜鐨勬晳鎻寸粡楠�', + userAnswer: '', + isRight: null }, { - answer:'椋熺墿鏂欑悊鏈烘槸鎼呮媽钄彍鍜屾按鏋滅殑濂藉伐鍏�', - userAnswer:'', - isRight:null + answer: '椋熺墿鏂欑悊鏈烘槸鎼呮媽钄彍鍜屾按鏋滅殑濂藉伐鍏�', + userAnswer: '', + isRight: null }, ] }, { - type:'table', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'table', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'more often', - userAnswer:'', - isRight:"" + answer: 'more often', + userAnswer: '', + isRight: "" }, { - answer:'better', - userAnswer:'', - isRight:"" + answer: 'better', + userAnswer: '', + isRight: "" }, { - answer:'worse', - userAnswer:'', - isRight:"" + answer: 'worse', + userAnswer: '', + isRight: "" }, { - answer:'earlier', - userAnswer:'', - isRight:"" + answer: 'earlier', + userAnswer: '', + isRight: "" }, { - answer:'heavier', - userAnswer:'', - isRight:"" + answer: 'heavier', + userAnswer: '', + isRight: "" }, { - answer:'later', - userAnswer:'', - isRight:"" + answer: 'later', + userAnswer: '', + isRight: "" }, { - answer:'more dangerous', - userAnswer:'', - isRight:"" + answer: 'more dangerous', + userAnswer: '', + isRight: "" }, { - answer:'thinner', - userAnswer:'', - isRight:"" + answer: 'thinner', + userAnswer: '', + isRight: "" }, { - answer:['farther','further'], - userAnswer:'', - isRight:"" + answer: ['farther', 'further'], + userAnswer: '', + isRight: "" }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'earlier', - userAnswer:"", - isRight:'' + answer: 'earlier', + userAnswer: "", + isRight: '' }, { - answer:'thinner', - userAnswer:"", - isRight:'' + answer: 'thinner', + userAnswer: "", + isRight: '' }, { - answer:'later', - userAnswer:"", - isRight:'' + answer: 'later', + userAnswer: "", + isRight: '' }, { - answer:'more often', - userAnswer:"", - isRight:'' + answer: 'more often', + userAnswer: "", + isRight: '' }, { - answer:'heavier', - userAnswer:"", - isRight:'' + answer: 'heavier', + userAnswer: "", + isRight: '' }, { - answer:'more dangerous', - userAnswer:"", - isRight:'' + answer: 'more dangerous', + userAnswer: "", + isRight: '' }, { - answer:'better', - userAnswer:"", - isRight:'' + answer: 'better', + userAnswer: "", + isRight: '' }, { - answer:'further', - userAnswer:"", - isRight:'' + answer: 'further', + userAnswer: "", + isRight: '' }, ] } ], - readingTwo:[ + readingTwo: [ { - type:'fill', - isShowAnswer:false, - isComplete:false, - value:[ + type: 'fill', + isShowAnswer: false, + isComplete: false, + value: [ { - answer:'39', - userAnswer:'', - isRight:null + answer: '39', + userAnswer: '', + isRight: null }, { - answer:'30', - userAnswer:'', - isRight:null + answer: '30', + userAnswer: '', + isRight: null }, { - answer:'340', - userAnswer:'', - isRight:null + answer: '340', + userAnswer: '', + isRight: null }, { - answer:'2016', - userAnswer:'', - isRight:null + answer: '2016', + userAnswer: '', + isRight: null }, { - answer:'28', - userAnswer:'', - isRight:null + answer: '28', + userAnswer: '', + isRight: null }, { - answer:'38', - userAnswer:'', - isRight:null + answer: '38', + userAnswer: '', + isRight: null }, { - answer:'15', - userAnswer:'', - isRight:null + answer: '15', + userAnswer: '', + isRight: null }, ] }, { - type:'select', - isShowAnswer:false, - isComplete:false, - option:['T','F'], - value:[ + type: 'select', + isShowAnswer: false, + isComplete: false, + option: ['T', 'F'], + value: [ { - stem:'According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest achievements before the age of 45.', - answer:'F', - userAnswer:'' + stem: 'According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest achievements before the age of 45.', + answer: 'F', + userAnswer: '', + isRight: null }, { - stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.', - answer:'F', - userAnswer:'' + stem: 'FAST helps scientists better understand the origin of the universe and find potential life on other planets.', + answer: 'F', + userAnswer: '', + isRight: null }, { - stem:'Yao Rui is lucky to associate her personal interests with the development of the country.', - answer:'T', - userAnswer:'' + stem: 'Yao Rui is lucky to associate her personal interests with the development of the country.', + answer: 'T', + userAnswer: '', + isRight: null }, { - stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.', - answer:'F', - userAnswer:'' + stem: 'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.', + answer: 'F', + userAnswer: '', + isRight: null }, { - stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.', - answer:'T', - userAnswer:'' + stem: 'Young Chinese scientists contribute their wisdom to building a community of a shared future.', + answer: 'T', + userAnswer: '', + isRight: null }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - stemOne:'The o', - stemTwo:'of life is one of the great mysteries in the universe.', - answer:'rigin', - userAnswer:'' + stemOne: 'The o', + stemTwo: 'of life is one of the great mysteries in the universe.', + answer: 'rigin', + isRight: null, + userAnswer: '' }, { - stemOne:'The most c', - stemTwo:'science is biology followed by chemistry and next is physics.', - answer:'omplex', - userAnswer:'' + stemOne: 'The most c', + stemTwo: 'science is biology followed by chemistry and next is physics.', + answer: 'omplex', + isRight: null, + userAnswer: '' }, { - stemOne:'Years of doing scientific research had made her very p', - stemTwo:'in her working methods.', - answer:'recise', - userAnswer:'' + stemOne: 'Years of doing scientific research had made her very p', + stemTwo: 'in her working methods.', + answer: 'recise', + isRight: null, + userAnswer: '' }, { - stemOne:'The competition is designed to inspire and r', - stemTwo:'the next generation of scientific leaders.', - answer:'eward', - userAnswer:'' + stemOne: 'The competition is designed to inspire and r', + stemTwo: 'the next generation of scientific leaders.', + answer: 'eward', + isRight: null, + userAnswer: '' }, { - stemOne:'Learning how to o', - stemTwo:'challenges is a necessary life skill on the road to success.', - answer:'vercome', - userAnswer:'' + stemOne: 'Learning how to o', + stemTwo: 'challenges is a necessary life skill on the road to success.', + answer: 'vercome', + isRight: null, + userAnswer: '' }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - stemOne:'If we are nice to others,we expect that they will be nice to us', - stemTwo:'.', - answer:'in return', - userAnswer:'' + stemOne: 'If we are nice to others,we expect that they will be nice to us', + stemTwo: '.', + answer: 'in return', + isRight: null, + userAnswer: '' }, { - stemOne:'We will always remember Yuan Longping who', - stemTwo:'China鈥檚 food security.', - answer:'contributes to', - userAnswer:'' + stemOne: 'We will always remember Yuan Longping who', + stemTwo: 'China鈥檚 food security.', + answer: 'contributes to', + isRight: null, + userAnswer: '' }, { - stemOne:'The service of food delivery robot is still not satisfactory,but the company say they鈥檙e', - stemTwo:'it.', - answer:'working on', - userAnswer:'' + stemOne: 'The service of food delivery robot is still not satisfactory,but the company say they鈥檙e', + stemTwo: 'it.', + answer: 'working on', + isRight: null, + userAnswer: '' }, { - stemOne:'All drivers', - stemTwo:'their vehicles鈥攅ven when it鈥檚 a self-driving car accident.', - answer:'responsible for', - userAnswer:'' + stemOne: 'All drivers', + stemTwo: 'their vehicles鈥攅ven when it鈥檚 a self-driving car accident.', + answer: 'responsible for', + isRight: null, + userAnswer: '' }, { - stemOne:'Studies show how customers can', - stemTwo:'innovation development by giving feedback.', - answer:'be involved in', - userAnswer:'' + stemOne: 'Studies show how customers can', + stemTwo: 'innovation development by giving feedback.', + answer: 'be involved in', + isRight: null, + userAnswer: '' }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - stemOne:'He is probably the ', - stemTwo:'(creative) designer in our company.', - answer:'most creative', - userAnswer:'' + stemOne: 'He is probably the ', + stemTwo: '(creative) designer in our company.', + answer: 'most creative', + isRight: null, + userAnswer: '' }, { - stemOne:'This automated store offers the', - stemTwo:'(wide) variety of products.', - answer:'widest', - userAnswer:'' + stemOne: 'This automated store offers the', + stemTwo: '(wide) variety of products.', + answer: 'widest', + isRight: null, + userAnswer: '' }, { - stemOne:'His ankles hurt badly,but his knees hurt', - stemTwo:'(badly).', - answer:'worst', - userAnswer:'' + stemOne: 'His ankles hurt badly,but his knees hurt', + stemTwo: '(badly).', + answer: 'worst', + isRight: null, + userAnswer: '' }, { - stemOne:'Penicillin is one of the', - stemTwo:'(big) scientific discoveries of all time.', - answer:'biggest', - userAnswer:'' + stemOne: 'Penicillin is one of the', + stemTwo: '(big) scientific discoveries of all time.', + answer: 'biggest', + isRight: null, + userAnswer: '' }, { - stemOne:'You can contact me', - stemTwo:'(easily) by email.Here鈥檚 my address.', - answer:'most easily', - userAnswer:'' + stemOne: 'You can contact me', + stemTwo: '(easily) by email.Here鈥檚 my address.', + answer: 'most easily', + isRight: null, + userAnswer: '' }, { - stemOne:'The light bulb is one of the', - stemTwo:'(helpful) inventions.', - answer:'most helpful', - userAnswer:'' + stemOne: 'The light bulb is one of the', + stemTwo: '(helpful) inventions.', + answer: 'most helpful', + isRight: null, + userAnswer: '' }, { - stemOne:'In our office,Zhang Ming works by far the', - stemTwo:'(hard).', - answer:'hardest', - userAnswer:'' + stemOne: 'In our office,Zhang Ming works by far the', + stemTwo: '(hard).', + answer: 'hardest', + isRight: null, + userAnswer: '' }, { - stemOne:'As I live', - stemTwo:'(near) to the station,I鈥檒l go and buy the train tickets for us.', - answer:'nearest', - userAnswer:'' + stemOne: 'As I live', + stemTwo: '(near) to the station,I鈥檒l go and buy the train tickets for us.', + answer: 'nearest', + isRight:null, + userAnswer: '' }, ] }, ], - listenTwo:[ + listenTwo: [ { - type:'checkbox', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'checkbox', + isComplete: false, + isShowAnswer: false, + value: [ { - userAnswer:[], - answer:['What it is','Where Nadia got it','How much it is','What Nadia uses it for','When Nadia owned it','Why it is important to Nadia'] + userAnswer: [], + answer: ['What it is', 'Where Nadia got it', 'How much it is', 'What Nadia uses it for', 'When Nadia owned it', 'Why it is important to Nadia'] } ] }, { - type:'table', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'table', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'regularly', - userAnswer:'', - isRight:null + answer: 'regularly', + userAnswer: '', + isRight: null }, { - answer:'favorite', - userAnswer:'', - isRight:null + answer: 'favorite', + userAnswer: '', + isRight: null }, { - answer:'smartly', - userAnswer:'', - isRight:null + answer: 'smartly', + userAnswer: '', + isRight: null }, { - answer:'fun and easy', - userAnswer:'', - isRight:null + answer: 'fun and easy', + userAnswer: '', + isRight: null }, { - answer:'useful', - userAnswer:'', - isRight:null + answer: 'useful', + userAnswer: '', + isRight: null }, { - answer:'Instantly', - userAnswer:'', - isRight:null + answer: 'Instantly', + userAnswer: '', + isRight: null }, ] } ], - practicalWriting:[ + practicalWriting: [ { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'suffer from', - userAnswer:'', - isRight:null + answer: 'suffer from', + userAnswer: '', + isRight: null }, { - answer:'difference between', - userAnswer:'', - isRight:null + answer: 'difference between', + userAnswer: '', + isRight: null }, { - answer:'easy to handle', - userAnswer:'', - isRight:null + answer: 'easy to handle', + userAnswer: '', + isRight: null }, { - answer:'limited time', - userAnswer:'', - isRight:null + answer: 'limited time', + userAnswer: '', + isRight: null }, { - answer:'take advantage of', - userAnswer:'', - isRight:null + answer: 'take advantage of', + userAnswer: '', + isRight: null }, ] }, { - type:'fill', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'fill', + isComplete: false, + isShowAnswer: false, + value: [ { - answer:'We have a solution for you', - userAnswer:'', - isRight:null, + answer: 'We have a solution for you', + userAnswer: '', + isRight: null, }, { - answer:'We have just launched a new product', - userAnswer:'', - isRight:null, + answer: 'We have just launched a new product', + userAnswer: '', + isRight: null, }, { - answer:'it extends up to 4 feet', - userAnswer:'', - isRight:null, + answer: 'it extends up to 4 feet', + userAnswer: '', + isRight: null, }, { - answer:'Only $19.99 with shipping', - userAnswer:'', - isRight:null, + answer: 'Only $19.99 with shipping', + userAnswer: '', + isRight: null, }, { - answer:'If you鈥檙e interested or want to know more information', - userAnswer:'', - isRight:null, + answer: 'If you鈥檙e interested or want to know more information', + userAnswer: '', + isRight: null, }, { - answer:'Welcome you to sample our new product', - userAnswer:'', - isRight:null, + answer: 'Welcome you to sample our new product', + userAnswer: '', + isRight: null, }, ] }, { - type:'shortAnswer', - isComplete:false, - isShowAnswer:false, - value:[ + type: 'shortAnswer', + isComplete: false, + isShowAnswer: false, + value: [ { - userAnswer:'' + userAnswer: '' } ] } @@ -3624,15 +3707,20 @@ this.dropdownData = JSON.parse(dropdownData); } const warmUp = localStorage.getItem('english-chapter04-warmup') - if(warmUp) this.warmUp = JSON.parse(warmUp) + if (warmUp) this.warmUp = JSON.parse(warmUp) const noSubmitData = localStorage.getItem('english-chapter04-noSubmitData') - if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData) + if (noSubmitData) this.noSubmitData = JSON.parse(noSubmitData) const readingOne = localStorage.getItem('english-chapter04-readingOne') - if(readingOne) this.readingOne = JSON.parse(readingOne) - const readingTwo = localStorage.getItem('english-chapter04-readingTwo') - if(readingTwo) this.readingTwo = JSON.parse(readingTwo) - const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting') - if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) + if (readingOne) this.readingOne = JSON.parse(readingOne) + const readingTwo = localStorage.getItem('english-chapter04-readingTwo') + if (readingTwo) this.readingTwo = JSON.parse(readingTwo) + + const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting') + if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) + this.getPath(); + + const listenTwo = localStorage.getItem('english-chapter04-listenTwo') + if (listenTwo) this.listenTwo = JSON.parse(listenTwo) this.getPath(); }, methods: { @@ -3644,8 +3732,8 @@ return flag; }, arrayToString(data) { - if(Array.isArray(data)) { - return data.toString() + if (Array.isArray(data)) { + return data.toString() } else { return data } @@ -3663,7 +3751,7 @@ this.resource.readingThree = await getResourcePath( "53A742267A1C22C01B8D5D35B13D3B9A" ); - + this.resource.listenTwo = await getResourcePath( "2683C3F79104E353CE30961433F6AB35" ); @@ -3689,11 +3777,11 @@ } }, // 鏂板 - showNoSubmitAnswer(index,num) { - this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer) + showNoSubmitAnswer(index, num) { + this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer) }, savewarmUp() { - localStorage.setItem('english-chapter04-warmup',JSON.stringify(this.warmUp)) + localStorage.setItem('english-chapter04-warmup', JSON.stringify(this.warmUp)) }, handlewarmUp() { for (let index = 0; index < this.warmUp.length; index++) { @@ -3727,25 +3815,25 @@ } }, saveNoSubmitData() { - localStorage.setItem('english-chapter04-noSubmitData',JSON.stringify(this.noSubmitData)) + localStorage.setItem('english-chapter04-noSubmitData', JSON.stringify(this.noSubmitData)) }, saveReadingOne() { - localStorage.setItem('english-chapter04-readingOne',JSON.stringify(this.readingOne)) + localStorage.setItem('english-chapter04-readingOne', JSON.stringify(this.readingOne)) }, changeDropdownDataOne(data) { - this.$set(this.readingOne[1].value[0],'userAnswer',data) + this.$set(this.readingOne[1].value[0], 'userAnswer', data) this.saveReadingOne() }, changeDropdownDataTwo(data) { - this.$set(this.readingOne[1].value[1],'userAnswer',data) + this.$set(this.readingOne[1].value[1], 'userAnswer', data) this.saveReadingOne() }, changeDropdownDataThree(data) { - this.$set(this.readingOne[1].value[2],'userAnswer',data) + this.$set(this.readingOne[1].value[2], 'userAnswer', data) this.saveReadingOne() }, changeDropdownDataFour(data) { - this.$set(this.readingOne[1].value[3],'userAnswer',data) + this.$set(this.readingOne[1].value[3], 'userAnswer', data) this.saveReadingOne() }, handleReadingOne() { @@ -3753,28 +3841,28 @@ const item = this.readingOne[index]; item.isComplete = true item.isShowAnswer = true - for (let cindex = 0; cindex< item.value.length; cindex++) { + for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; - if(item.type == 'select') { + if (item.type == 'select') { const sortedArr1 = citem.answer.slice().sort(); const sortedArr2 = citem.userAnswer.slice().sort(); citem.isRight = sortedArr1.every( (value, index) => value === sortedArr2[index] ); - } else if(item.type == 'table') { - if(typeof citem.userAnswer == 'string') { + } else if (item.type == 'table') { + if (typeof citem.userAnswer == 'string') { citem.isRight == citem.userAnswer == citem.answer } else { - citem.isRight == citem.answer.indexOf(citem.userAnswer) > -1 ? true :false + citem.isRight == citem.answer.indexOf(citem.userAnswer) > -1 ? true : false } - } + } else { citem.isRight = citem.answer == citem.userAnswer } - + } } - console.log('read',this.readingOne); + console.log('read', this.readingOne); }, recastReadingOne() { localStorage.removeItem('english-chapter04-readingOne') @@ -3786,15 +3874,15 @@ const item = this.readingOne[index]; item.isComplete = false item.isShowAnswer = false - for (let cindex = 0; cindex< item.value.length; cindex++) { + for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex] citem.isRight = null - if(item.type == 'select') { + if (item.type == 'select') { citem.userAnswer = [] } else { citem.userAnswer = '' } - + } } }, @@ -3805,54 +3893,56 @@ } }, saveReadingTwo() { - localStorage.setItem('english-chapter04-readingTwo',JSON.stringify(this.readingTwo)) + localStorage.setItem('english-chapter04-readingTwo', JSON.stringify(this.readingTwo)) }, handleReadingTwo() { for (let index = 0; index < this.readingTwo.length; index++) { const item = this.readingTwo[index]; item.isComplete = true item.isShowAnswer = true - for (let cindex = 0; cindex < item.value.length; cindex++) { - const citem = item.value[index]; + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; citem.isRight = citem.answer == citem.userAnswer } } this.saveReadingTwo() + console.log(this.readingTwo); }, recastReadingTwo() { - localStorage.removeItem('english-chapter04-readingTwo') for (let index = 0; index < this.readingTwo.length; index++) { const item = this.readingTwo[index]; item.isComplete = false item.isShowAnswer = false - for (let cindex = 0; cindex < item.value.length; cindex++) { - const citem = item.value[index]; - citem.isRight = null + for (let cindex = 0; cindex < item.value.length; cindex++) { + const citem = item.value[cindex]; + citem.isRight = null, citem.userAnswer = '' } } + localStorage.removeItem('english-chapter04-readingTwo') + }, viewReadingTwo() { for (let index = 0; index < this.readingTwo.length; index++) { const item = this.readingTwo[index]; - item.isShowAnswer = true + item.isShowAnswer = !item.isShowAnswer } }, savelistenTwo() { - localStorage.setItem('english-chapter04-listenTwo',JSON.stringify(this.listenTwo)) + localStorage.setItem('english-chapter04-listenTwo', JSON.stringify(this.listenTwo)) }, handleListenTwo() { for (let index = 0; index < this.listenTwo.length; index++) { const item = this.listenTwo[index]; item.isComplete = true item.isShowAnswer = true - if(item.type == 'table') { + if (item.type == 'table') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.isRight = citem.answer == citem.userAnswer } - } - + } + } this.savelistenTwo() }, @@ -3861,14 +3951,19 @@ const item = this.listenTwo[index]; item.isComplete = false item.isShowAnswer = false - if(item.type == 'table') { + if (item.type == 'table') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.isRight = null citem.userAnswer = '' } - } - + } else { + for (let cindex = 0; cindex < item.value.length; cindex++) { + const ditem = item.value[cindex]; + ditem.userAnswer = [] + } + + } } localStorage.removeItem('english-chapter04-listenTwo') }, @@ -3879,14 +3974,14 @@ } }, savePracticalWriting() { - localStorage.setItem('english-chapter04-practicalWriting',JSON.stringify(this.practicalWriting)) + localStorage.setItem('english-chapter04-practicalWriting', JSON.stringify(this.practicalWriting)) }, handlePracticalWriting() { for (let index = 0; index < this.practicalWriting.length; index++) { const item = this.practicalWriting[index]; item.isComplete = true, - item.isShowAnswer = true - if(item.type != 'shortAnswer') { + item.isShowAnswer = true + if (item.type != 'shortAnswer') { for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.isRight = citem.answer == citem.userAnswer @@ -3903,17 +3998,17 @@ for (let cindex = 0; cindex < item.value.length; cindex++) { const citem = item.value[cindex]; citem.userAnswer = '' - if(item.type != 'shortAnswer') + if (item.type != 'shortAnswer') citem.isRight = null } - + } localStorage.removeItem('english-chapter04-practicalWriting') }, viewPracticalWriting() { for (let index = 0; index < this.practicalWriting.length; index++) { const item = this.practicalWriting[index]; - item.isShowAnswer = false + item.isShowAnswer = !item.isShowAnswer } } }, @@ -3994,8 +4089,9 @@ right: 0; background-color: red; } + .dropdown-box-one { - + li { width: 33%; display: flex; @@ -4003,13 +4099,16 @@ justify-content: flex-end; } } + .choice-select { display: flex; flex-wrap: wrap; justify-content: space-between; + li { display: flex; margin-top: 5px; + span { margin-right: 4px; } -- Gitblit v1.9.1