From 1e79d06c8db13e5196fad12ad5612946e70720ee Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 16 七月 2024 09:24:21 +0800 Subject: [PATCH] 英语第二单元 --- src/books/English/view/components/chapter005.vue | 994 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 971 insertions(+), 23 deletions(-) diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue index 77ecde3..1b61e73 100644 --- a/src/books/English/view/components/chapter005.vue +++ b/src/books/English/view/components/chapter005.vue @@ -43,6 +43,7 @@ <p>plastic waste problem銆�water pollution銆�global warming銆�oil spill銆�air pollution銆�deforestation</p> </div> + <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-1.jpg" /></p> <p class="center">1._____________________</p> <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-2.jpg" /></p> @@ -63,7 +64,34 @@ @play="audioPlay"></audio></p> <p><b>Nature is sending warnings to human beings.Watch the video and answer the following questions.</b></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.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">What have humans done to the + planet?</td> + <td class="tl-cn">What did "lce" do to warn + humans?</td> + <td class="tl-cn">How do humans respond to the + warning?</td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.one" + class="w100 table-tr-bc b0 table-textarea " + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.two" + class="w100 table-tr-bc b0 table-textarea " + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.three" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + </table> + </p> </div> </div> <div class="preface-bottom"> @@ -405,11 +433,230 @@ 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"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p> + <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> + <td class="tl-cn">Causes</td> + <td class="tl-cn">Effects</td> + </tr> + <tr class="table-tr-bc"> + <td class="">Plastic Pollution</td> + <td class="tl-lf"> + Because plastie is affordable and durable, it has been overused, Most plastic + is thrown away even after a single use, which ends up in landfills or in the oceans. + </td> + <td class="tl-lf"> + Plastie takes hundreds of years to decompose. Therefore plastie waste has posed a + serious threat to the safety of land, oceans, humans and animals. + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.four" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.five" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.six" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.seven" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.eight" + class="w100 table-tr-bc b0 table-textarea " + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.nine" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.ten" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </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> + </table> <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> @@ -790,11 +1037,239 @@ <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"><img class="img-a" alt="" src="../../assets/images/0100-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">Names</td> + <td class="wh-no tl-cn">Ways of Sorting Daily Household Waste</td> + <td class="wh-no tl-cn">Right or Wrong</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">Li Ming</td> + <td class="tl-lf">He puts glass bottles and tin cans into recyclable waste bins, + puts batteries and bulbs into harmful waste bins, puts apple cores and leftovers + into + kitchen waste bins, and puts used tissues and dirty plastie bags into other waste + bins.</td> + <td class="wh-no"> + Right + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.thirteen" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.fourteen" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.fifteen" + 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.sixteen" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.seventeen" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + <td> + <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> + <td> + <textarea v-model="questionData.table.twentyOne" + 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.twentyTwo" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.twentyThree" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.twentyFour" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @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> </div> </div> <div class="preface-bottom"> - <span class="contet-num-box">96</span> + <span class="contet-num-box">90</span> </div> </div> </div> @@ -819,25 +1294,218 @@ <h3 id="c044"><span class="bjh3">Listening</span></h3> <p><b>鈪�.Every one of us should have a clear sense of how important Nature means to mankind.Watch the video and fill in the blanks with what you hear.</b></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p> + <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">Redwood Sapling</td> + <td class="tl-cn">Ways of Sorting Daily Household Waste</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no">How come you're so smart?</td> + <td class="tl-lf"> + Our kind has been around a really long time, longer than just about anything. I've + seen just about everything. + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no"> + What have you seen? + </td> + <td> + I've seen all kinds of l.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + <span> + <svg v-if=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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>锛宐ugs and 2.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + <span> + <svg v-if=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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>锛宮ice andrats, rabbits and bears, and skuhks. But things have been changed + ever since humans came. + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no"> + What did the humans do? + </td> + <td> + They changed wolves into dogs, rivers into lakes, and us into 3.<input + :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + <span> + <svg v-if=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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>They started using the 4.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + <span> + <svg v-if=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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>like it was put there just for them, Actlike they've got an extra one. + </td> + + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no"> + Why do they do that? + </td> + <td> + I don't know, If they don't figure put that they're part of 5.<input + :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + <span> + <svg v-if=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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=" + testData.isComplete && + isTextRight(testData.in.answer, testData.in.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> + rather than just using it, they probably won't be around to see you grow up. + </td> + </tr> + </table> <p><b>鈪�.The four people below are all concerned with the increasingly serious environmental issues.Listen to the recording and decide which website they use to search for the information they need.</b></p> <p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p> - <div class="fieldset-7"> - <p><b>a. oneworld.org</b></p> - <p>There鈥檚 lots of environmental information here, whether you鈥檙e just starting to explore - the subject, or wanting to find out about the latest research.</p> - <p><b>b. eco.org</b></p> - <p>You can find out here if your choice of transport damages the planet. If so, try the easy - changes to your routine suggested here.</p> - <p><b>c. planetmatters.org</b></p> - <p>There鈥檚 a recycling section in this website 鈥� find different uses for things that you - might otherwise put in the bin.</p> - <p><b>d. ourworld.org</b></p> - <p>If you prefer working things out for yourself, you can find experiments to do in this - website, like making your own power using sunlight!</p> - </div> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-tr-bc"> + <td class="tl-lf "> + <p class="table-p"> + <b>a. oneworld.org</b> + </p> + <p class="table-p"> + There鈥檚 lots of environmental information here, whether you鈥檙e just starting to + explore + the subject, or wanting to find out about the latest research. + </p> + </td> + <td style="width: 50%;"> + <p class="table-p"> + <b>b. eco.org</b> + </p> + <p class="table-p"> + There鈥檚 lots of environmental information here, whether you鈥檙e just starting to + explore + the subject, or wanting to find out about the latest research. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + <p class="table-p"> + <b>c. planetmatters.org</b> + </p> + <p class="table-p"> + There鈥檚 a recycling section in this website 鈥� find different uses for things + that you + might otherwise put in the bin. + </p> + </td> + <td style="width: 50%;"> + <p class="table-p"> + <b>d. ourworld.org</b> + </p> + <p class="table-p"> + If you prefer working things out for yourself, you can find experiments to do in + this + website, like making your own power using sunlight! + </p> + </td> + </tr> + </table> </div> </div> <div class="preface-bottom"> @@ -1023,12 +1691,257 @@ <p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon footprints in the class.</p> <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/0105-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" colspan="8">The 7-day No PlastigChallenge</td> + </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" + class="input-bottom-border input-bc-t" style="width: 60px" + v-model="testData.in.one" @change="setTestData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn wh-no"> + Social Media Platform(s) + </td> + <td colspan="7"> + <textarea v-model="questionData.table.twentyFive" + class="w100 table-tr-bc b0 table-textarea " + @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td rowspan="2" class="tl-cn"> + Challenges + </td> + <td> + DAY 1 + </td> + <td> + DAY 2 + </td> + <td> + DAY 3 + </td> + <td> + DAY 4 + </td> + <td> + DAY 5 + </td> + <td> + DAY 6 + </td> + <td> + DAY 7 + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.twentySix" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </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> + <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> + <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-cn"> + Reflections + </td> + <td colspan="7"> + <textarea v-model="questionData.table.thirtyThree" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + </table> <div class="fieldset-4"> <p class="center"><b>Useful Expressions</b></p> <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> @@ -1052,6 +1965,7 @@ <!-- 鍐呭 --> <div class="padding-93"> <div class="bodystyle"> + <p class="continued">continued</p> <div class="fieldset-4"> <p>I will post my experience on 鈥�</p> <p>I will use eco-friendly bags for grocery shopping.</p> @@ -1257,8 +2171,42 @@ 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: { -- Gitblit v1.9.1