src/App.vue
@@ -65,7 +65,7 @@ process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product" ? process.env.VUE_APP_BOOK_ID : "artAndDrama") : "english") ); // 测试试读30页 // this.activeBook.tryPageCount = 10; src/books/English/assets/images/PosterFilling.png
@@ -1061,6 +1061,11 @@ width: 18px; height: 18px; } .icon-box-big{ width: 45px; height: 45px; } .word-bc { // background-color: #a1afc8; background-color: #e1ebf6; src/books/English/view/components/chapter001.vue
@@ -351,7 +351,7 @@ </p> <!-- 文本框 --> <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> style="margin-left: 40px; width: 92%" class="fz-16 fm-son " @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour"> 答案：(1)Various delicious food (2)Unique architectures @@ -1082,6 +1082,7 @@ <p> <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border" @change="setTestData" /> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer"> 答案：孔子开创了平民化的教育。 @@ -1132,7 +1133,7 @@ </span> </p> <div class="openImgBox" v-if="showImg"> <img class="w100" :src="imgThirteen" /> <img class="w100" :src="imgThirteen" /> </div> <p>A.Combine the following sentences into if-clauses.</p> <p> @@ -1303,7 +1304,7 @@ </span> </p> <p> 5.<input :disabled="testData.isComplete" v-model="testData.cm.five" type="text" 5.<input :disabled="testData.isComplete" v-model.trim="testData.cm.five" type="text" class="input-bottom-border" style="width: 60px" @change="setTestData" />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda Breeding. @@ -1485,7 +1486,7 @@ </div> <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/ppt_02.png" /> </div> </div> <div class="swiper-slide"> @@ -1913,7 +1914,7 @@ <p> 1.We are witnessing the rapid development of modern society.What impresses you most? <span class="btn-box" @click="showAnswerFive = !showAnswerFive"> <span class="btn-box" @click="showAnswerTen = !showAnswerTen"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" @@ -1925,7 +1926,7 @@ <textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive"> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTen"> 答案：(1)intercitut rain(2)online shopping (3)electronic payment (4)shared bike (5)take-away service (6)facial recognition (7)2022 Beijing Winter Olympics (8)2023 World University Games (9)Hong @@ -2020,12 +2021,12 @@ </p> <p> The five aspects that I mentioned above changed the life of millions of people around China.The Chinese millions of people around China.The Chinese <span class="word-bc" @click="saveWord($event, 'economy')">economy</span> is <span class="word-bc" @click="saveWord($event, 'booming')">booming</span> ,which makes people well off.I’ve been in China for several years and witnessed China’s years and witnessed China’s <span class="word-bc" @click="saveWord($event, 'potential')">potential</span> . </p> @@ -2182,28 +2183,79 @@ blanks. </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index" :value="item"> {{ item }} </option> </select> ) 1.It wasn’t long until I discovered the shared bikes in 2016,serving people in several cities. 2016,serving people in several cities. <span class="icon-box-big"> <svg v-if="testOneData.dropdownChoiceData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownChoiceData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index" :value="item"> {{ item }} </option> </select> ) 2.People can order their desired food,from soup to noodles,from barbecue to hot pot. <span class="icon-box-big"> <svg v-if="testOneData.dropdownChoiceData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownChoiceData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index" :value="item"> {{ item }} </option> </select> ) 3.It was at that moment that I knew about the metro system.It was new,fast,and extraordinary. <span class="icon-box-big"> <svg v-if="testOneData.dropdownChoiceData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownChoiceData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonTwoQuestionAnswer"> @@ -2214,46 +2266,129 @@ (F). </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index" :value="item"> {{ item }} </option> </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China. <span class="icon-box-big"> <svg v-if="testOneData.dropdownDetermineData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownDetermineData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index" :value="item"> {{ item }} </option> </select> ) 2.Before Vanessa came to China,she knew a lot about the metro system. the metro system. <span class="icon-box-big"> <svg v-if="testOneData.dropdownDetermineData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownDetermineData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index" :value="item"> {{ item }} </option> </select> ) 3.Vanessa didn’t know about online shopping before she met her neighbour Alison. she met her neighbour Alison. <span class="icon-box-big"> <svg v-if="testOneData.dropdownDetermineData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownDetermineData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index" :value="item"> {{ item }} </option> </select> ) 4.Vanessa got her own online payment account by herself. <span class="icon-box-big"> <svg v-if="testOneData.dropdownDetermineData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownDetermineData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> ( <select v-model="dropdownData.one.value" style="width: 8%"> <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item"> ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value" style="width: 8%"> <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index" :value="item"> {{ item }} </option> </select> ) 5.Buying vegetables and fruits online makes Vanessa’s life easier. <span class="icon-box-big"> <svg v-if="testOneData.dropdownDetermineData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownDetermineData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonTwoQuestionAnswer"> @@ -2266,28 +2401,139 @@ </p> <p> 1.Tom was shocked by China’s progress that she had <i>noticed</i>.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90px" v-model="testData.in.one" @change="setTestData" /> <i>noticed</i>. <input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px" v-model="testOneData.lf.one" @change="setTestOneData" /> <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 2.China has made <i>amazing</i> progress in the manufacturing industry.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90px" v-model="testData.in.one" @change="setTestData" /> industry.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px" v-model="testOneData.lf.two" @change="setTestOneData" /> <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 3.Ordering platforms supported <i>by</i> various Apps is very convenient.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90px" v-model="testData.in.one" @change="setTestData" /> convenient.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px" v-model="testOneData.lf.three" @change="setTestOneData" /> <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.three, 2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 4.The <i>age</i> of artificial intelligence was brought into being by the Internet.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90px" v-model="testData.in.one" @change="setTestData" /> by the Internet.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px" v-model="testOneData.lf.four" @change="setTestOneData" /> <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 5.The <i>rhythm</i> of ancient people’s lives is slower than that of modern people.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90px" v-model="testData.in.one" @change="setTestData" /> of modern people.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 80px" v-model="testOneData.lf.five" @change="setTestOneData" /> <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.lf.answer, testOneData.lf.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonTwoQuestionAnswer"> @@ -2304,9 +2550,31 @@ </p> </div> <p> 1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big 1.China has<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.one" @change="setTestOneData" />great changes in the era of big data. <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.one, 0) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.one, 0) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> </div> </div> @@ -2330,24 +2598,112 @@ <div class="padding-93"> <div class="bodystyle"> <p> 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in 2.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.two" @change="setTestOneData" />key words and you can search for the needed goods in online shops. <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.two, 1) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.two, 1) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days. 3.A dispute over online shopping can be settled in<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 100px" v-model="testOneData.ct.three" @change="setTestOneData" />days. <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.three, 2) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.three,2) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />. 4.China has,in all respects,become very<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.four" @change="setTestOneData" />. <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.four, 3) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.four, 3) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts 5.<input :disabled="testOneData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testOneData.ct.five" @change="setTestOneData" />,all the people committed to Shenzhou Spacecrafts deserve respect. <span> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.five, 4) " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if=" testOneData.isComplete && isTextRight(testOneData.ct.answer, testOneData.ct.five, 4) == false " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonTwoQuestionAnswer"> @@ -2366,7 +2722,7 @@ </span> </p> <div class="openImgBox" v-if="showImgOne"> <img class="w100" :src="imgThirteenOne" /> <img class="w100" :src="imgThirteenOne" /> </div> <p> Read the examples and write down the sentence structure of the @@ -2387,42 +2743,130 @@ </p> </div> <p> 1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%"> <option v-for="(item, index) in dropDownListThree" :key="index" :value="item"> 1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.one.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> {{ item }} </option> </select> ) <span class="icon-box-big"> <svg v-if="testOneData.dropdownStructureData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownStructureData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value" style="width: 15%"> <option v-for="(item, index) in dropDownListThree" :key="index" :value="item"> 2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.two.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> {{ item }} </option> </select> ) <span class="icon-box-big"> <svg v-if="testOneData.dropdownStructureData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownStructureData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 3.China offers researchers world-class advanced research facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%"> <option v-for="(item, index) in dropDownListThree" :key="index" :value="item"> facilities in the institutes. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.three.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> {{ item }} </option> </select> ) <span class="icon-box-big"> <svg v-if="testOneData.dropdownStructureData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownStructureData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 4.These friends made Vanessa see China through the eyes of the locals. ( <select v-model="dropdownData.one.value" style="width: 15%"> <option v-for="(item, index) in dropDownListThree" :key="index" :value="item"> locals. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.four.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> {{ item }} </option> </select> ) <span class="icon-box-big"> <svg v-if="testOneData.dropdownStructureData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownStructureData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p> 5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%"> <option v-for="(item, index) in dropDownListThree" :key="index" :value="item"> 5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownStructureData.five.value" style="width: 15%"> <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index" :value="item"> {{ item }} </option> </select> ) <span class="icon-box-big"> <svg v-if="testOneData.dropdownStructureData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="testOneData.dropdownStructureData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonTwoQuestionAnswer"> @@ -2433,12 +2877,12 @@ <div class="w100 fl"> <ul class="fl ju-ar w100"> <li> <button class="btn-border btn-w" @click="saveData"> <button class="btn-border btn-w" @click="savaDataOne"> 提交 </button> </li> <li> <button @click="changeTestData" class="btn-border btn-w"> <button @click="changeTestOneData" class="btn-border btn-w"> 重做 </button> </li> @@ -2502,6 +2946,7 @@ <!-- 内容 --> <div class="padding-93"> <div class="bodystyle"> <p class="continued">continued</p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Items</td> @@ -2510,10 +2955,10 @@ </tr> <tr class="table-tr-bc"> <td class="tl-cn">Shopping</td> <td class="tl-cn"> <td class="tl-lf"> We bought necessities mainly in brick-and-mortar stores. </td> <td>Online shopping is very common.</td> <td class="tl-lf">Online shopping is very common.</td> </tr> <tr class="table-tr-bc"> <td> @@ -2565,43 +3010,294 @@ </td> </tr> </table> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b002"> <img class="img-0" alt="" src="../../assets/images/dy1-le3.jpg" /> </h2> <h3 id="c008" class="fl al-cn"> <span class="bjh3">Listening</span> </h3> <p> <b>Ⅰ.Listen to Tom,an overseas student,talking about his journey to China and fill in the blanks with what you hear.</b> <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven"> <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> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> <p> After studying in China for almost three years by now,I call China my second homeland.I love the natural beauty,the 1.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,the people and the food.China is a large country with diverse landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There my second homeland.I love the natural beauty,the 1 <input v-model="questionData.lessonThree.one.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('one')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span> the people and the food.China is a large country with diverse landscapes awaiting adventurers to 2.<input v-model="questionData.lessonThree.two.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('two')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>.There is a modern public transportation system including city buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large buses,3. <input v-model="questionData.lessonThree.three.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('three')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>,high-speed trains,and airports,as well as a large highway network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go network.These make travel 4. <input v-model="questionData.lessonThree.four.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('four')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>and efficient and allow me to go to many places to enjoy the scenery and culture.China’s natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of scenery and culture.China’s natural beauty keeps on 5. <input v-model="questionData.lessonThree.five.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('five')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped mountains of Shangri-la,from the sandy 6.<input v-model="questionData.lessonThree.six.value" style="width: 60px" class="input-bottom-border fz-18" @blur="handleListeningQuestion('six')" @change="setBookQuestion" /> <span class="icon-box-big"> <svg v-if="questionData.lessonThree.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20"> <path d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" fill="#1AFA29" p-id="18768"></path> </svg> <svg v-if="questionData.lessonThree.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> <path d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" fill="#d81e06" p-id="25746"></path> </svg> </span>of Sanya to the rocky seaside of Laoshan… China is such a beautiful country! </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonThreeQuestionAnswer"> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerSeven"> 答案： 1.culture 2.explore 3.subways 4.convenient 5.surprising 6.beach </p> @@ -2609,6 +3305,13 @@ <b>Ⅱ.Listen to the conversation about planning for the upcoming Chinese Culture Week and circle the right expressions to complete the following sentences.</b> <span class="btn-box" @click="showAnswerEight = !showAnswerEight"> <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> <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"></audio> @@ -2649,11 +3352,16 @@ <p> 5.Zhang Ping is to arrange the room set-up / send out invitations. </p> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight"> 答案： (1)experience Chinese handicraft (2)paper cutting contest (3)design the posters (4)4.handicraftsmen to show their talent (5)5.arrange the room set-up </p> <h3 id="c009"><span class="bjh3">Practical Writing</span></h3> <p>Work with your partner to discuss the following questions.</p> <p> 1.How do you let others know about an upcoming event? <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven"> <span class="btn-box" @click="showAnswerNine = !showAnswerNine"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" @@ -2665,13 +3373,13 @@ <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven"> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> <p> 2.What information would you like to tell them about the event? <span class="btn-box" @click="showAnswerEight = !showAnswerEight"> <span class="btn-box" @click="showAnswerEleven = !showAnswerEleven"> <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" @@ -2683,7 +3391,7 @@ <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight"> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven"> 答案：(1)Name of the event(2)Date & time (3)Address (4)Organizer </p> <p> @@ -2702,54 +3410,56 @@ <p>▲ Describe your event or why people should attend.</p> <p>▲ Include a relevant call to action.</p> <div class="horizontal" style="display: flex"> <div class="left" style="width: 48%"> <p class="center"> <img class="img-e" alt="" src="../../assets/images/0025-1.jpg" /> </p> <div class="left" style="width: 48%;"> <img style="width: 100%; height: auto; margin: 15% 0%" class="img-e" alt="" src="../../assets/images/0025-1.jpg" /> </div> <div class="right" style="width: 48%"> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.checkOne" /> Name of the event </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="2" v-model="testData.checkOne.value" /> Date and time </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="3" v-model="testData.checkOne.value" /> Location </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="4" v-model="testData.checkOne.value" /> Greetings </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="5" v-model="testData.checkOne.value" /> Warnings </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="6" v-model="testData.checkOne.value" /> Organizer </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="7" v-model="testData.checkOne.value" /> Signature </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="8" v-model="testData.checkOne.value" /> A short description of the event </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="9" v-model="testData.checkOne.value" /> Contact information </p> <p> <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> <input type="checkbox" name="ball" value="Language" id="10" v-model="testData.checkOne.value" /> Pictures of the event </p> </div> </div> <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer"> 答案：Name of the event,Date & time,Address,Organizer </p> </div> </div> <div class="preface-bottom"> @@ -2778,53 +3488,82 @@ lobby of Student Center at</b>6：00-8：00<b> November</b>16<b>.You're in charge of publicity in the club and are required to design a poster for the contest.Complete the necessary information in the following poster.</b> information in the following poster.</b> <span class="btn-box" @click="showAnswerTwelve = !showAnswerTwelve"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <p class="center"> <div class="center poster-img"> <img class="img-a" alt="" src="../../assets/images/0026-1.jpg" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-one" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-two" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-three" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-four" v-model="testData.in.one" @change="setTestData" /> </div> <!-- 答案框 --> <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve"> 答案： <img class="w100" src="../../assets/images/PosterFilling.png"> </p> <p> <b>Ⅲ.Your class has prepared a Chinese culture exhibition for foreign exchange students.Your group takes the responsibility of designing a poster for it.Discuss with your partner and try to answer the questions below to find out what information is needed.</b> needed.</b> <span class="btn-box" @click="showAnswerThirteen = !showAnswerThirteen"> <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="dy1-bj4"> <p class="center"><b>Information to put into our poster</b></p> <p class="center"><b>Information to put into our poster</b> </p> </div> <div class="dy1-bj5"> <p>1.What can be the title of the exhibition?</p> <p> <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px" v-model="testData.in.one" @change="setTestData" /> <p class="tl-lf">1.What can be the title of the exhibition? <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <p>2.What should be included in the exhibition?</p> <p> <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px" v-model="testData.in.one" @change="setTestData" /> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen"> 答案： Traditional handicraft show </p> <p>3.Where will the exhibition be held?</p> <p> <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px" v-model="testData.in.one" @change="setTestData" /> <p class="tl-lf">2.What should be included in the exhibition? <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <p>4.When will the exhibition be held?</p> <p> <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px" v-model="testData.in.one" @change="setTestData" /> <!-- 答案框 --> <p class="event-header-text-bc pd-5 tl-lf" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen"> 答案： Various handicrafts made by Chinese students in theirtraditional Chinese culture courses </p> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonThreeQuestionAnswer"> <span>答案：</span> <p>1、 Traditional handicraft show</p> <p> 2、 Various handicrafts made by Chinese students in theirtraditional Chinese culture courses </p> <p>3、 Students activity center.</p> <p>4、 November 13th -- 19th</p> </div> <p class="tl-lf">3.Where will the exhibition be held? <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen"> 答案：Students activity center </p> <p class="tl-lf">4.When will the exhibition be held? <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 88%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> </p> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThirteen"> 答案： November 13th -- 19th </p> <p>...</p> </div> </div> @@ -2852,9 +3591,17 @@ Ⅳ<b>.Design a poster for the exhibition according to the information in the table above.</b> </p> <p class="center"> <div class="center poster-design"> <img class="img-b" alt="" src="../../assets/images/0027-1.jpg" /> </p> <input :disabled="testData.isComplete" type="text" class="poster-input-box-five" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-six" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-seven" v-model="testData.in.one" @change="setTestData" /> <input :disabled="testData.isComplete" type="text" class="poster-input-box-eight" v-model="testData.in.one" @change="setTestData" /> </div> <div class="un-h2"> <h2 id="b004">Unit Project</h2> </div> @@ -2908,12 +3655,55 @@ <div class="fieldset-1"> <p class="center"> <b>Questions You May Ask When Planning an Event</b> <span class="btn-box" @click="showAnswerFourteen = !showAnswerFourteen"> <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> <path class="a" d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" transform="translate(-3327.144 15329)" /> </svg> </span> </p> <p>How many people do you need to make the event happen?</p> <!-- 文本框 --> <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> <p>What resources do you need?</p> <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> <p>What does the audience need to know?</p> <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> <p>What will hold the audience’s interest?</p> <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> <p>What do you hope to achieve through this event?</p> <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="2" style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea> <!-- 答案框 --> <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFourteen"> 答案： (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station (5)Notice </p> </div> <!-- 提交按钮 --> <div class="w100 fl"> @@ -2937,6 +3727,153 @@ </button> </li> </ul> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> <div class="preface-bottom"> @@ -2968,10 +3905,15 @@ showAnswerThree: false, showAnswerFour: false, showAnswerFive: false, showAnsweSix: false, showAnswerSix: false, showAnswerSeven: false, showAnswerEight: false, showAnswerNine: false, showAnswerTen: false, showAnswerEleven: false, showAnswerTwelve: false, showAnswerThirteen: false, showAnswerFourteen: false, showImg: false, showImgOne: false, showQuestionAnswer: false, @@ -3129,6 +4071,38 @@ }, seven: "", }, lessonThree: { one: { value: "", isRight: null, answer: "culture", }, two: { value: "", isRight: null, answer: "explore", }, three: { value: "", isRight: null, answer: "subways", }, four: { value: "", isRight: null, answer: "convenient", }, five: { value: "", isRight: null, answer: "surprising", }, six: { value: "", isRight: null, answer: "beach", }, }, reading: { one: "", two: "", @@ -3164,6 +4138,11 @@ check: { isRight: null, answer: ["Culture", "Cuisine", "Landscapes"], value: [], }, checkOne: { isRight: null, answer: ["Name of the event", "Date & time", "Address", "Organizer"], value: [], }, tx: { @@ -3211,6 +4190,117 @@ answer: ["whether", "if", "whether", "whether", "If"], }, }, testOneData: { isComplete: false, // 选择 dropdownChoiceData: { dropDownListChoice: [ "A", "B", "C", ], one: { value: "", isRight: null, answer: "B", }, two: { value: "", isRight: null, answer: "C", }, three: { value: "", isRight: null, answer: "A", }, }, // 判断 dropdownDetermineData: { dropDownListDetermine: [ "T", "F", ], one: { value: "", isRight: null, answer: "T", }, two: { value: "", isRight: null, answer: "F", }, three: { value: "", isRight: null, answer: "T", }, four: { value: "", isRight: null, answer: "F", }, five: { value: "", isRight: null, answer: "T", } }, // 词义转换 lf: { one: "", two: "", three: "", four: "", five: "", answer: ["witnessed", "extraordinary", "via", "era", "pace"], }, // 完形填空 ct: { one: "", two: "", three: "", four: "", five: "", answer: ["went through", "Type in", "a matter of", "well off", "Last but not least"], }, // 句子结构 dropdownStructureData: { dropDownListStructure: [ "S+V", "S+V+O", "S+V+C", "S+V+O+O", "S+V+O+C", ], one: { value: "", isRight: null, answer: "S+V+C", }, two: { value: "", isRight: null, answer: "S+V+O", }, three: { value: "", isRight: null, answer: "S+V+O+O", }, four: { value: "", isRight: null, answer: "S+V+O+C", }, five: { value: "", isRight: null, answer: "S+V", } }, }, resource: { listenOne: "", readingOne: "", @@ -3227,22 +4317,6 @@ "intercity train", "shared bike", "take-away service", ], dropDownListOne: [ "A", "B", "C", ], dropDownListTwo: [ "T", "F", ], dropDownListThree: [ "S+V", "S+V+O", "S+V+P", "S+V+O+O", "S+V+O+C", ], dropdownData: { isComplete: false, @@ -3292,6 +4366,10 @@ if (dropdownData) { this.dropdownData = JSON.parse(dropdownData); } const testOneData = localStorage.getItem("english-lessonTwo"); if(testOneData){ this.testOneData = JSON.parse(testOneData); } this.getPath(); }, methods: { @@ -3301,11 +4379,40 @@ setTestData() { localStorage.setItem("english-testOne", JSON.stringify(this.testData)); }, setTestOneData(){ localStorage.setItem("english-lessonTwo", JSON.stringify(this.testOneData)); }, changeTestOneData(){ localStorage.removeItem("english-lessonTwo") const TestOneData = this.testOneData for(let key in TestOneData ){ let item = TestOneData[key] if( key != "lf" && key != "ct" && key != "isComplete" ){ for(let keys in item){ const citem = item[keys] if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){ citem.value = "" citem.isRight = null } } }else if( key != "isComplete"){ } } this.$set(this.testOneData, "isComplete", false); this.testOneData = TestOneData; this.showlessonTwoQuestionAnswer = false; }, changeTestData() { localStorage.removeItem("english-testOne"); this.testData = { isComplete: false, check: { isRight: null, answer: ["Culture", "Cuisine", "Landscapes"], value: [], }, checkOne: { isRight: null, answer: ["Culture", "Cuisine", "Landscapes"], value: [], @@ -3391,7 +4498,7 @@ } else if (type == "showImgOne") { this.showImgOne = !this.showImgOne; } setTimeout(()=>{ this.$emit("initViewer","")},500) setTimeout(() => { this.$emit("initViewer", "") }, 500) }, handleQuestion(type) { if (type == "one") { @@ -3424,6 +4531,39 @@ ? (this.questionData.warnUp.six.isRight = this.questionData.warnUp.six.value == "Chinese chess") : (this.questionData.warnUp.six.isRight = null); } }, handleListeningQuestion(type) { if (type == "one") { this.questionData.lessonThree.one.value ? (this.questionData.lessonThree.one.isRight = this.questionData.lessonThree.one.value == "culture") : (this.questionData.lessonThree.one.isRight = null); } else if (type == "two") { this.questionData.lessonThree.two.value ? (this.questionData.lessonThree.two.isRight = this.questionData.lessonThree.two.value == "explore") : (this.questionData.lessonThree.two.isRight = null); } else if (type == "three") { this.questionData.lessonThree.three.value ? (this.questionData.lessonThree.three.isRight = this.questionData.lessonThree.three.value == "subways") : (this.questionData.lessonThree.three.isRight = null); } else if (type == "four") { this.questionData.lessonThree.four.value ? (this.questionData.lessonThree.four.isRight = this.questionData.lessonThree.four.value == "convenient") : (this.questionData.lessonThree.four.isRight = null); } else if (type == "five") { this.questionData.lessonThree.five.value ? (this.questionData.lessonThree.five.isRight = this.questionData.lessonThree.five.value == "surprising") : (this.questionData.lessonThree.five.isRight = null); } else if (type == "six") { this.questionData.lessonThree.six.value ? (this.questionData.lessonThree.six.isRight = this.questionData.lessonThree.six.value == "beach") : (this.questionData.lessonThree.six.isRight = null); } }, handleDropdown(type) { @@ -3482,6 +4622,24 @@ this.$set(this.testData, "isComplete", true); this.setTestData(); this.showQuestionAnswer = true; }, savaDataOne(){ const dropdownDatas = this.testOneData; for (let key in dropdownDatas) { let item = dropdownDatas[key]; if( key != "lf" && key != "ct" && key != "isComplete" ){ for( let keys in item ){ const citem = item[keys] if( keys != "dropDownListChoice" && keys != "dropDownListDetermine" && keys != "dropDownListStructure" ){ citem.value == citem.answer ? citem.isRight = true : citem.isRight = false; } } } } this.testOneData = dropdownDatas; this.$set(this.testOneData, "isComplete", true); this.setTestOneData(); this.showlessonTwoQuestionAnswer = true ; }, isShowRight(answer, userAnswer, data) { let flag = null; @@ -3584,4 +4742,127 @@ outline: none; } } .poster-img { width: 100%; position: relative; } .poster-input-box-one { width: 32%; height: 10%; position: absolute; top: 35%; left: 7%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-two { width: 24%; height: 6%; position: absolute; bottom: 33%; left: 7%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-three { width: 24%; height: 6%; position: absolute; bottom: 21%; left: 7%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-four { width: 25%; height: 6%; position: absolute; bottom: 7%; right: 21%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } // 第二个海报填写（相对定位） .poster-design { width: 100%; position: relative; } .poster-input-box-five { width: 23%; height: 10%; position: absolute; top: 12%; left: 26%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-six { width: 16%; height: 10%; position: absolute; top: 38%; left: 20%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-seven { width: 16%; height: 10%; position: absolute; bottom: 33%; left: 20%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } .poster-input-box-eight { width: 16%; height: 10%; position: absolute; bottom: 15%; left: 37%; border: 0; border-bottom: 1px solid #000000; &:focus { outline: none; } } </style> src/books/English/view/components/chapter002.vue
@@ -886,10 +886,165 @@ <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /> </p> <div class="bk-wh"> <p> direct formal respect privacy hand-shaking touch comfortable toast chopsticks seating arrangement <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating arrangement</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2> <h3 id="c014" class="fl al-cn"> @@ -1403,7 +1558,154 @@ </td> </tr> </table> <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2> <h3 id="c017"><span class="bjh3">Listening</span></h3> <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p> <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio> @@ -1874,6 +2176,153 @@ <p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys …</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> <div class="preface-bottom"> src/books/English/view/components/chapter003.vue
@@ -1260,10 +1260,182 @@ <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /> </p> <div class="bk-wh"> <p> blood donation volunteer teacher community service nursing home rewarding challenging demanding interesting overwhelming moving merciful kind-hearted appreciate cherish respect <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood donation</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'community service')">community service</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing home</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'rewarding')">rewarding</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'challenging')">challenging</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'interesting')">interesting</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'overwhelming')">overwhelming</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'merciful')">merciful</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'kind-hearted')">kind-hearted</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'appreciate')">appreciate</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b010"> <img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" /> @@ -1799,6 +1971,153 @@ </td> </tr> </table> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> <div class="preface-bottom"> @@ -2042,7 +2361,8 @@ </p> <p class="center"><b>Worksheet for the Applicant</b></p> <p class="center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center"> <tr class="table-tr-bc"> <td style="text-align: left"> Self-introduction: @@ -2083,7 +2403,8 @@ <div class="bodystyle"> <p class="center"><b>Worksheet for the Interviewer</b></p> <p class="center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center"> <tr class="table-tr-bc"> <td style="text-align: left"> The volunteer evaluation rubric: @@ -2119,6 +2440,153 @@ <p>I’m skillful at ...</p> <p>I’m fluent in English/...</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> <div class="preface-bottom"> src/books/English/view/components/chapter004.vue
@@ -502,8 +502,171 @@ </table> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p>physical complex social relationship feeling emotion empathy thought tireless creative <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'physical')">physical</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'relationship')">relationship</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'tireless')">tireless</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'creative')">creative</span> </p> <p> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2> <h3 id="c032"><span class="bjh3">Warm-up</span></h3> @@ -968,9 +1131,10 @@ technology,the improvement of people’s lives,and the development of the Chinese nation.Work in groups and list some great Chinese scientists and their contributions to the world,and then discuss with your group members about their spirit towards scientific research and innovation.</p> innovation. </p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Scientists</td> @@ -1029,7 +1193,153 @@ </td> </tr> </table> </p> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2> <h3 id="c035" class="fl al-cn"> <span class="bjh3">Listening</span> @@ -1085,13 +1395,13 @@ </p> <p class="table-p"> It wakes me up 1<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />in the morning. class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />in the morning. </p> <p class="table-p"> It plays my 2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />music. class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />music. </p> <p class="table-p"> I chat with it when I am alone.. @@ -1105,13 +1415,14 @@ <td class="tl-lf"> <p class="table-p"> It 3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />suggests things that I want. class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />suggests things that I want. </p> <p class="table-p"> It makes shopping a 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />experience. class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />experience. </p> </td> </tr> @@ -1125,13 +1436,15 @@ </p> <p class="table-p"> They're so 5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />for foreign language learning. class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />for foreign language learning. </p> <p class="table-p"> I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </p> </td> </tr> @@ -1357,6 +1670,153 @@ <p>We can very well compete against … in price.</p> <p>… are the best-selling products of this kind.</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> <div class="preface-bottom"> src/books/English/view/components/chapter005.vue
@@ -432,7 +432,6 @@ time while humans do nothing but make it worse.Search online for the causes and effects of environmental issues,and finish the worksheet,and then prepare a report to the class.</p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="wh-no tl-cn">Environmental issues</td> @@ -498,11 +497,165 @@ </td> </tr> </table> </p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p>smog greenhouse gases unusual temperature rising sea levels melting glaciers frequent drought heavier rainstorms soil degradation</p> <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'smog')">smog</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'greenhouse gases')">greenhouse gases</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'unusual temperature')">unusual temperature</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'rising sea levels')">rising sea levels</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'melting glaciers')">melting glaciers</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'frequent drought')">frequent drought</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'heavier rainstorms')">heavier rainstorms</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'soil degradation')">soil degradation</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> @@ -883,7 +1036,6 @@ <p><b>Ⅱ.Work in groups.Ask your group members how they deal with the household waste every day.Finish the worksheet and prepare a report to the class.</b></p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Names</td> @@ -966,7 +1118,153 @@ </td> </tr> </table> </p> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> <div class="preface-bottom"> @@ -1398,14 +1696,19 @@ </tr> <tr class="table-tr-bc"> <td class="wh-no tl-cn">Form(s) of Documenting</td> <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />vlogs</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />photos</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />journals</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />other<input :disabled="testData.isComplete" type="text" <td class="tl-cn" colspan="1"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />vlogs</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />photos</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />journals</td> <td class="tl-cn" colspan="2"><input type="checkbox" name="ball1" :disabled="testData.isComplete" value="Language" id="1" v-model="testData.check.value" @change="setTestData" />other<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" v-model="testData.in.one" @change="setTestData" /> </td> @@ -1491,6 +1794,153 @@ <p>In response to the national call for plastic reduction, I decide to engage in the 7-day No Plastic Challenge.</p> <p>I will document the challenge in the form of …</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> @@ -1742,19 +2192,19 @@ twentySeven: "", twentyEight: "", twentyNine: "", thirty:"", thirtyOne:"", thirtyTwo:"", thirtyThree:"", thirtyFour:"", thirtyFive:"", thirtySix:"", thirtySeven:"", thirtyEight:"", thirtyNine:"", forty:"", fortyOne:"", fortyTwo:"", thirty: "", thirtyOne: "", thirtyTwo: "", thirtyThree: "", thirtyFour: "", thirtyFive: "", thirtySix: "", thirtySeven: "", thirtyEight: "", thirtyNine: "", forty: "", fortyOne: "", fortyTwo: "", }, }, src/books/English/view/components/chapter006.vue
Diff too large src/books/English/view/components/chapter007.vue
@@ -502,7 +502,8 @@ <tr class="table-tr-bc"> <td class="tl-cn">Yuan Longping</td> <td> He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before. He was creative and started his research of hybrid rice technology,by which farmers can produce harvests twice as large as before. </td> </tr> <tr class="table-tr-bc"> @@ -544,8 +545,165 @@ </table> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p>strong-willed motivated active cooperative stressful disciplined risky helpful dutiful enthusiastic <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'strong-willed')">strong-willed</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'motivated')">motivated</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cooperative')">cooperative</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'disciplined')">disciplined</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'enthusiastic')">enthusiastic</span> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2> <h3 id="c059"><span class="bjh3">Warm-up</span></h3> @@ -720,7 +878,73 @@ <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p> <p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they are strong or poor.</p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-2.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Examples</td> <td class="tl-cn" style="width: 70%;">Work Ethic Mentioned</td> <td class="tl-cn"> Strong or Poor </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn wh-no">Example 1</td> <td> <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn wh-no"> Example 2 </td> <td> <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn wh-no"> Example 3 </td> <td> <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn wh-no"> Example 4 </td> <td> <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <p><b>Ⅱ.Language focus.</b></p> <p>A.Fill in the blanks with the proper form of the words given below.</p> <div class="bk-wh"> @@ -791,7 +1015,31 @@ <p>faithfulness initiative innovation selflessness bravery rigor teamwork fortitude</p> </div> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Work Ethic</td> <td class="tl-cn" style="width:90%;">The Way to Develop lt</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn">Honesty</td> <td> Don't tell/ies. IfI make a mistake, I will admit it and correet it. </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> </div> </div> <div class="preface-bottom"> @@ -814,7 +1062,208 @@ <!-- 内容 --> <div class="padding-93"> <div class="bodystyle"> <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p> <p class="continued">continued</p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Work Ethic</td> <td class="tl-cn">The Way to Develop lt</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn" > <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td style="width: 90%;"> <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="questionData.table.nineteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twenty" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td> <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2> <h3 id="c062"><span class="bjh3">Listening</span></h3> <p class="center"><audio :src="resource.readingTwo" controls @@ -1023,7 +1472,152 @@ <div class="padding-93"> <div class="bodystyle"> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0143-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Examples</td> <td class="tl-cn">Strong/Bad</td> <td class="tl-cn"> Work Ethic </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf">Barney is the employee that always follows through on his commitments. If he agrees to take over another co-worker's shift.he always shows up. If he commits to a deadline, you can count on him to meet that deadline.</td> <td class="tl-cn"> Strong </td> <td class="tl-cn"> Dedication </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Sarah consistently completes all of her assignments with careful attention. Whether it’s staying up late to finish a research paper or sacrifcing her weekends to prepare for projects. </td> <td> <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twentySix" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Mary is always ready to lend a helping hand and offer help whenever needed, She willingly shares her knowledge and expertise, contributing to the success of the entire team. </td> <td> <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Amanda is the teacher who always inspires her students. She creates engaging lessons that ignite their curiosity and encouragesthem to explore and learn. Amanda motivates them to develop alifelong love for learning. </td> <td> <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Lisa is the customer service representative who consistently delivers outstanding service. She patiently listens to customers’concerns,empathizes with their situation, and goes above and beyond to find solutions. </td> <td> <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> James frequently forgets to submit his weekly report on time.causing delays in the team's progress. This lack of consistency and attention to details affects the project timelines and hampers effective communication within the team. </td> <td> <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Andrew mistakenly sent an email to a client with incorrect information, During the projeet review, he confessed to his supervisor that he was the one responsible for the mistake, despite no one else was aware of it.</td> <td> <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> John improved work productivity by introducing a new project management tool that allowed for better task coordination. This led to more efficient project completion and inereased output. </td> <td> <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Mike failed to double-check important client documents before submitting them, which not only caused frustration for the client but also required the team to invest additional time and resources to rectify the mistake. </td> <td> <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf"> Thomas frequently underestimated the time required for tasks.leading to rushed and subpar work. His disorganized approach resulted in missed deadlines, delayed deliverables, and frustrated clients. </td> <td> <textarea v-model="questionData.table. fortyOne" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> <td> <textarea v-model="questionData.table. fortyTwo" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> </div> </div> <div class="preface-bottom"> @@ -1073,6 +1667,153 @@ <p>Passiveness</p> <p>Tardiness</p> <p>Unprofessional behavior</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> @@ -1270,8 +2011,41 @@ five: "", six: "", seven: "", enight: "", eight: "", nine: "", ten: "", eleven: "", twelve: "", thirteen: "", fourteen: "", fifteen: "", sixteen: "", seventeen: "", eighteen: "", nineteen: "", twenty: "", twentyOne: "", twentyTwo: "", twentyThree: "", twentyFour: "", twentyFive: "", twentySix: "", twentySeven: "", twentyEight: "", twentyNine: "", thirty: "", thirtyOne: "", thirtyTwo: "", thirtyThree: "", thirtyFour: "", thirtyFive: "", thirtySix: "", thirtySeven: "", thirtyEight: "", thirtyNine: "", forty: "", fortyOne: "", fortyTwo: "", }, }, testData: { src/books/English/view/components/chapter008.vue
@@ -72,7 +72,63 @@ <p class="center"> <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p> <p><b>Watch the video and find out how the speakers describe their jobs.</b></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0147-2.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn">Who is he/she?</td> <td class="tl-cn">What's his/her job?</td> <td class="tl-cn" style="width: 65%;">How does he/she describe the job?</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> Duan Xinyue </td> <td class="tl-cn"> Teacher </td> <td class="tl-cn"> <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> Luo Xinya </td> <td class="tl-cn"> Pet Doctor </td> <td class="tl-cn"> <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> Sun Yijie </td> <td class="tl-cn"> Taxi Driver </td> <td class="tl-cn"> <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> Wu Qi </td> <td class="tl-cn"> Photographer </td> <td class="tl-cn"> <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <h3 id="c066"><span class="bjh3">Reading</span></h3> <p>1.There is a saying that a part-time job can be a way to gain the experience necessary for full-time employment.Do you agree? Why or why not?</p> @@ -360,7 +416,50 @@ <p>（ ）6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds. </p> <p>B.Write the present or the past form of the following verbs.</p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-tr-bc"> <td class="tl-cn">give<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-cn">spend<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-cn"><input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />had </td> </tr> <tr class="table-tr-bc "> <td class="tl-cn"><input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> went </td> <td class="tl-cn"><input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> began </td> <td class="tl-cn">say<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn">get<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> <td class="tl-cn">think<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> <td class="tl-cn">asy<input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" />chose </td> </tr> </table> <h3 id="c067"><span class="bjh3">Mini-project</span></h3> <p>People do different jobs and hold different ideas about their jobs.You are required to:</p> <p>1.Do a small survey among your family members or relatives and jot down their opinions;</p> @@ -394,11 +493,310 @@ <p> 3.How does he/she describe his/her job?</p> </div> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0152-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">The Respondent</td> <td class="tl-cn">The Job</td> <td class="tl-cn">The Description</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn wh-no"> Zhang Wei's Mum </td> <td class="tl-cn"> A Teacher </td> <td class="tl-lf"> She teaches English in a high schpol. Her job is quite <span class="input-bottom-border">stressful </span> and <span class="input-bottom-border">challenging</span> , but she feels <span class="input-bottom-border">rewarding</span> rewarding when her students make progress. </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.eight" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea textarea-box " @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.nineteen" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.twenty" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p>dangerous demanding dull exciting repetitive risky satisfying stimulating stressful voluntary <p class="dl-box"> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dangerous')">dangerous</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'demanding')">demanding</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exciting')">exciting</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'repetitive')">repetitive</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'satisfying')">satisfying</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stimulating')">stimulating</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'stressful')">stressful</span> <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'voluntary')">voluntary</span> </p> <p> </p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> @@ -704,7 +1102,8 @@ <p>3.Anyone hired into the company must___________the system.</p> <p>4.You must accept___________the blame for this crisis.</p> <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p> <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')"> <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')"> <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"> @@ -762,7 +1161,215 @@ <div class="padding-93"> <div class="bodystyle"> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0159-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">What job is he/she interested in?</td> <td class="tl-cn">Why does he'she choose this job?</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> Architeet </td> <td class="tl-lf"> My fatnily is engaged in a construction business. And I have hada dream to build my own house ever since I was a kid. </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.twentySix" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> <h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2> <h3 id="c071"><span class="bjh3">Listening</span></h3> <p class="center"> <audio :src="resource.readingTwo" controls @@ -800,7 +1407,58 @@ <div class="bodystyle"> <p><b>Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down Susan's questions.</b></p> <p class="center"><img class="img-a" alt="" src="../../assets/images/0160-1.jpg" /></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-th-bc"> <td class="tl-cn wh-no">Susan's Questions</td> <td class="tl-cn">Derek's Responses</td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <p class="table-p">Studying Finance in East College</p> <p class="table-p">Having been working as an intemn in T&G Accounting Company for the last two years</p> <p class="table-p">Speaking fluent Chinese</p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-lf"> Analyzing financial data with ERP software </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-lf"> To put finance theories into practice </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea> </td> <td class="tl-cn"> <p class="table-p">A hard-working person</p> <p class="table-p">A fast learer</p> <p class="table-p">Getting along well with people</p> </td> </tr> </table> <h3 id="c072"><span class="bjh3">Practical Writing</span></h3> <p>Work with your partner to discuss the following questions.</p> <p>1.How do you follow up after a job interview?</p> @@ -935,20 +1593,58 @@ <div class="padding-93"> <div class="bodystyle"> <p class="center"><b>Worksheet for the Interviewer</b></p> <div class="fieldset-5"> <p class="left">Name:</p> <p class="left">Phone:</p> <p class="left">Email:</p> <p class="left">Work experience</p> <p><br /></p> <p class="left">Education</p> <p><br /></p> <p class="left">Skills</p> <p><br /></p> <p class="left">Other related information</p> <p><br /></p> </div> <p><b>Follow-up Email for the Interviewee</b></p> <table border="1" cellpadding="4" cellspacing="0" class="fz-14 fieldset-5"> <tr class="table-tr-bc"> <td class="tl-cn "> <p class="table-p">Name: <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 35em" v-model="testData.in.one" @change="setTestData" /></p> <p class="table-p">Phone: <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 34.8em" v-model="testData.in.one" @change="setTestData" /></p> <p class="table-p">Email: <input :disabled="testData.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 35em" v-model="testData.in.one" @change="setTestData" /></p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <p class="table-p">Work experience</p> <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <p class="table-p">Education</p> <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <p class="table-p">Skills</p> <textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn"> <p class="table-p">Other related information</p> <textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea " @change="setBookQuestion"></textarea> </td> </tr> </table> <p class="center"><b>Follow-up Email for the Interviewee</b></p> <div class="fieldset-4"> <p class="left">From:</p> <p class="left">To:</p> @@ -990,6 +1686,153 @@ <p>I’m enthusiastic about the prospect of ...</p> <p>I’m sure you’re still in research mode right now ...</p> <p>Please feel free to contact me if I can provide you with any further information.</p> </div> <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> <div class="banshi openImgBox"> <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_01.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_02.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_03.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_04.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_05.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_06.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_07.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_08.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_09.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_10.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_11.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_12.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_13.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_14.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_15.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_16.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_17.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_18.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_19.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_20.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_21.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_22.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_23.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_24.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_25.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_26.png" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> <img src="../../assets/images/ppt/ppt_27.png" /> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="pageBox"></div> </div> <!-- 显示当前页和总页数的元素 --> </div> </div> </div> </div> @@ -1187,8 +2030,40 @@ five: "", six: "", seven: "", enight: "", eight: "", nine: "", ten: "", eleven: "", twelve: "", thirteen: "", fourteen: "", fifteen: "", sixteen: "", seventeen: "", eighteen: "", nineteen: "", twenty: "", twentyOne: "", twentyTwo: "", twentyThree: "", twentyFour: "", twentyFive: "", twentySix: "", twentySeven: "", twentyEight: "", twentyNine: "", thirty: "", thirtyOne: "", thirtyTwo: "", thirtyThree: "", thirtyFour: "", thirtyFive: "", thirtySix: "", thirtySeven: "", thirtyEight: "", thirtyNine: "", forty: "", fortyOne: "", }, }, testData: { src/books/English/view/components/index.vue
@@ -213,7 +213,7 @@ // 测试页面跳转 setTimeout(() => { this.gotoPage(7,126); this.gotoPage(2,16); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", src/components/choice/choice.vue
@@ -584,7 +584,6 @@ } .face-text { text-wrap: nowrap; } </style>
