From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 05 八月 2024 11:57:36 +0800 Subject: [PATCH] 英语PPT结束 --- src/books/English/view/components/chapter005.vue | 402 +++++++++++++++++++++++++-------------------------------- 1 files changed, 177 insertions(+), 225 deletions(-) diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue index de43a18..01f5552 100644 --- a/src/books/English/view/components/chapter005.vue +++ b/src/books/English/view/components/chapter005.vue @@ -383,7 +383,7 @@ </p> <p class="center"><b>A Better Path for Plastic</b></p> <p class="center"> <audio :src="resource.readingOne" controls - controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p> + controlslist="noplaybackrate nodownload" class="audio" ></audio></p> <p>Plastic plays an important role in modern life,serving as building blocks for everything from packaging to medical equipment.This useful material has undeniable upsides鈥攂ut far too much of it ends up in landfills or in our environment.What can each of us do to be part of the @@ -446,7 +446,7 @@ <span class="line-border-box"></span> </p> <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - style="margin-left: 10px" class="audio" @play="audioPlay"></audio> + style="margin-left: 10px" class="audio"></audio> <p>undeniable /藢蕦nd瑟藞na瑟蓹bl/ <i>adj.</i> 涓嶅彲鍚﹀畾鐨勶紱鏃犲彲浜夎京鐨�</p> <div class="bkbj"> <p><i>that cannot be denied</i></p> @@ -678,10 +678,10 @@ v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" - v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> + v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p> <p>3.Who should lead the campaign against plastic pollution?</p> <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80" - v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p> + v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p> <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showAnswerReading"> <p class="table-p tl-lf">绛旀</p> @@ -1483,20 +1483,20 @@ <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p> <div class="bk-wh"> <p class="dl-box"> - <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'smog')">smog</span> + <span class="word-bc mr-20 dl-span">smog</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'greenhouse gases')">greenhouse gases</span> + >greenhouse gases</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'unusual temperature')">unusual temperature</span> + >unusual temperature</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'rising sea levels')">rising sea levels</span> + >rising sea levels</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'melting glaciers')">melting glaciers</span> + >melting glaciers</span> <span class="word-bc mr-20 dl-span" - @click="saveWord($event, 'frequent drought')">frequent drought</span> + >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 + >heavier rainstorms</span> + <span class="word-bc mr-20 dl-span">soil degradation</span> </p> </div> @@ -1506,137 +1506,112 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤21.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_23.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_24.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_25.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_26.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_27.png" /> + <img src="../../assets/images/ppt/5-1銆丮ODULE 5锛坙esson one锛塤22.jpg" /> </div> </div> </div> @@ -1684,7 +1659,7 @@ <p> <span v-for="(citem, cindex) in choiceData[0].option " :key="cindex"> <input type="radio" :name="item.stem" :value="citem.value" - v-model="item.userAnswer" /> + v-model="item.userAnswer" @change="saveChoiceData" /> {{ citem.value }}.{{ citem.label }} </span> </p> @@ -1802,17 +1777,17 @@ (4) Reducing food waste by properly storing and using food. </p> <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p> - <p class="center"> <audio :src="resource.listenOne" controls - controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p> + <p class="center"> <audio :src="resource.readingThree" controls + controlslist="noplaybackrate nodownload" class="audio" ></audio></p> <p>Every morning,I wake up,and just moments after my feet hit this floor,I鈥檓 reaching for a sports bra and tying my shoelaces.It鈥檚 time to go running.</p> <p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing better than a - <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span> + <span class="word-bc" >crisp</span> morning,when the air is fresh,the sun is - <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span> + <span class="word-bc" > peak</span> ing over the - <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span> + <span class="word-bc">horizon</span> ,and my legs are light.But some days,when an air quality warning shows on my phone,I know running outdoors will be unpleasant. @@ -1821,32 +1796,32 @@ convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other side of the world.I鈥檓 lucky enough to live in a city with great public transportation and a wealth of - <span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span> - <span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span> + <span class="word-bc" >ecofriendly </span> + <span class="word-bc" >ride-sharing </span> options.But actually,not all of us have these choices. </p> <p>So,if we can鈥檛 take millions of cars off the road,what can we do right now,on an individual level,to reduce our carbon footprint?</p> <p>Well,everybody eats.We eat to celebrate,to grow,and to - <span class="word-bc" @click="saveWord($event, 'survive')">survive</span> + <span class="word-bc" >survive</span> .We also eat - <span class="word-bc" @click="saveWord($event, 'selectively')">selectively</span> + <span class="word-bc" >selectively</span> .It seems like everyone has a - <span class="word-bc" @click="saveWord($event, 'dietary')">dietary</span> - <span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span> + <span class="word-bc" >dietary</span> + <span class="word-bc" >restriction</span> these days.Most of the dietary choices are made for personal,health-related reasons,but what I鈥檝e learned recently is that the food we eat doesn鈥檛 just impact us; it impacts the planet big time. </p> <p>Just this summer,a group of researchers in the UK published a study comparing the carbon footprints connected with different diets:meat-eaters,fish-eaters,and - <span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span> + <span class="word-bc" >vegans</span> .It turns out that - <span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span> - ing meat from your diet can reduce your carbon - <span class="word-bc" @click="saveWord($event, 'emissions')">emissions</span> + <span class="word-bc">eliminating</span> + meat from your diet can reduce your carbon + <span class="word-bc">emissions</span> by half.A vegan diet was connected with the least amount of greenhouse gas emissions鈥�99 percent to 102 percent less than meateaters鈥攂ut even switching from meat to fish can reduce your dietary emissions @@ -1854,7 +1829,7 @@ </p> <p>Before learning about this study,I never thought about how my diet impacted anyone but myself.I always - <span class="word-bc" @click="saveWord($event, 'figured')">figured</span> + <span class="word-bc">figured</span> that what I put into my body was a personal decision,but it鈥檚 a public concern. </p> @@ -1888,8 +1863,8 @@ <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> <span class="line-border-box"></span> </p> - <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" - @play="audioPlay"></audio> + <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" + ></audio> <p>crisp /kr瑟sp/ <i>adj.</i> 锛堟寚绌烘皵銆佸ぉ姘旓級 骞插喎鐨勶紱鍑夌埥鐨�</p> <div class="bkbj"> <p><i>(of the air or the weather) pleasantly dry and cold</i></p> @@ -1942,11 +1917,17 @@ <div class="bkbj"> <p><i>to think</i></p> </div> - <p>carbon footprint 纰宠冻杩�</p> + <div class="fl"> + <div class="left "> + <p>carbon footprint 纰宠冻杩�</p> <p>big time 澶ц寖鍥村湴锛涘緢澶х▼搴﹀湴</p> <p>reflect on 鍥炴兂</p> - <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p> + </div> + <div class="right "> + <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p> <p>turn out 缁撴灉鏄�</p> + </div> + </div> </div> </div> <div class="preface-bottom"> @@ -2164,6 +2145,13 @@ </p> </div> </div> + <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" + v-if="showAnswerReadingOne"> + 绛旀锛� 1.Driving to work in cars + 2.Eating much meat + 3.Eating imported fruits + + </p> <p>B.Decide whether the following statements are true (T) or false (F).</p> <p>(<select class="select-border" :disabled="questionDataTwo.isComplete" v-model="questionDataTwo.dt.one.value" style="width: 8%"> @@ -2279,6 +2267,10 @@ 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="showAnswerReadingOne"> + 绛旀锛� 1.F 2.T 3.F 4.F 5.T </p> <p><b>鈪�.Language focus.</b></p> <p>A.Replace the words or expression,in italics with the exact words in the passage and change @@ -2414,6 +2406,10 @@ </svg> </span> </p> + <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" + v-if="showAnswerReadingOne"> + 绛旀锛� 1.crisp 2.survive 3.eliminate 4.Emission 5.figured + </p> <p>B.Fill in the blanks with the proper form of the expressions given below.</p> <div class="bk-wh"> <p>carbon footprint銆�big time銆�turn out銆�reflect on銆�reach for</p> @@ -2548,6 +2544,10 @@ </svg> </span> </p> + <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" + v-if="showAnswerReadingOne"> + 绛旀锛� 1.reflect on 2.big time 3.reached for 4.carbon footprint 5.turns out + </p> </div> </div> <div class="preface-bottom"> @@ -2605,6 +2605,13 @@ <p>She switched off all the lights after each class.</p> <p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80" v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p> + <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" + v-if="showAnswerReadingOne"> + 绛旀锛� 1.We work hard to make a better life. 2.I鈥檓 sorry to send the urgent email to a wrong person. + 3.I was shocked to hear the news that temperatures at North Pole were more than 50掳F warmer than average. + 4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. + 5.It was environmentally conscious of Miss Li to switch off all the lights after each class. + </p> <div class="w100 fl ju-cn"> <ul class="fl ju-ar w80"> <li> @@ -2618,7 +2625,7 @@ </button> </li> <li> - <button class="parimary-btn"> + <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn"> 鏌ョ湅绛旀 </button> </li> @@ -2773,137 +2780,107 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤17.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤18.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤19.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤20.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_23.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_24.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_25.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_26.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_27.png" /> + <img src="../../assets/images/ppt/5-2銆丮ODULE 5锛坙esson two锛塤21.jpg" /> </div> </div> </div> @@ -2940,12 +2917,12 @@ <h3 id="c044" class="fl al-cn"> <span class="bjh3">Listening</span> <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜--> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - class="audio"></audio> </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> + <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" + class="audio"></audio> <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> @@ -2965,7 +2942,7 @@ <td> I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" /> + v-model="questionDataThree.eo.one" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -2989,7 +2966,7 @@ </svg> </span>锛宐ugs and 2.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" /> + v-model="questionDataThree.eo.two" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3024,7 +3001,7 @@ They changed wolves into dogs, rivers into lakes, and us into 3.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" /> + v-model="questionDataThree.eo.three" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3049,7 +3026,7 @@ </span> They started using the 4.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" /> + v-model="questionDataThree.eo.four" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3084,7 +3061,7 @@ I don't know, If they don't figure put that they're part of 5.<input :disabled="questionDataThree.isComplete" type="text" class="input-bottom-border input-bc-t" style="width: 60px" - v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" /> + v-model="questionDataThree.eo.five" @change="setQuestionDataThree" /> <span> <svg v-if=" questionDataThree.isComplete && @@ -3117,13 +3094,15 @@ <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> + <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" + class="audio"></audio> <div class="fl"> <div> <img class="w100" alt="" src="../../assets/images/M5Select01.png" /> <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" - v-model="questionDataThree.tp.one.value"> + v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3154,7 +3133,7 @@ <p class="table-p center">Amy</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" - v-model="questionDataThree.tp.two.value"> + v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3185,7 +3164,7 @@ <p class="table-p center">Tim</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" - v-model="questionDataThree.tp.three.value"> + v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3216,7 +3195,7 @@ <p class="table-p center">James</p> <div class="fl"> <select class="select-border w80" :disabled="questionDataThree.isComplete" - v-model="questionDataThree.tp.four.value"> + v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree"> <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index" :value="item"> {{ item }} @@ -3699,8 +3678,8 @@ <div class="un-h2"> <h2 id="b020">Unit Project</h2> </div> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - style="margin-left: 10px" class="audio" @play="audioPlay"></audio> + <audio :src="resource.projectOne" controls controlslist="noplaybackrate nodownload" + style="margin-left: 10px; margin-top: 10px;" class="audio"></audio> <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui also did her part by joining the 7-day No Plastic Challenge.Let鈥檚 watch her vlog and see @@ -3825,137 +3804,87 @@ <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_01.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤01.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_02.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤02.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_03.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤03.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_04.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤04.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_05.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤05.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_06.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤06.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_07.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤07.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_08.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤08.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_09.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤09.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_10.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤10.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_11.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤11.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_12.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤12.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_13.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤13.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_14.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤14.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_15.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤15.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_16.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤16.jpg" /> </div> </div> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_17.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_18.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_19.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_20.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_21.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_22.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_23.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_24.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_25.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_26.png" /> - </div> - </div> - <div class="swiper-slide"> - <div class="imgBox" style="width: 100%; height: 100%"> - <img src="../../assets/images/ppt/ppt_27.png" /> + <img src="../../assets/images/ppt/5-3銆丮ODULE 5锛坙esson three锛塤17.jpg" /> </div> </div> </div> @@ -4000,7 +3929,7 @@ </div> </div> </div> - <div class="preface-bottom"> + <div class="preface-bottom" style="margin-top: 60%"> <span class="contet-num-box">96</span> </div> </div> @@ -4035,6 +3964,7 @@ showAnswerEleven: false, showAnswerTwelve: false, showAnswerReading: false, + showAnswerReadingOne: false, showImg: false, showImgOne: false, showQuestionAnswer: false, @@ -4300,6 +4230,11 @@ listenOne: "", readingOne: "", readingTwo: "", + readingThree: "", + readingFour: "", + listenTwo: "", + listenThree: "", + projectOne: "", }, dropDownList: [ "animal rescue and care", @@ -4699,17 +4634,18 @@ this.questionDataFour = JSON.parse(questionDataFour); } + const choiceData = localStorage.getItem('english-chapter05-choiceData') + if (choiceData) { + this.choiceData = JSON.parse(choiceData); + } + this.getPath(); }, methods: { - saveWord(event, word) { - this.$emit("saveCharacters", event, word); - }, setTestData() { localStorage.setItem("english-testOne", JSON.stringify(this.testData)); }, setBookQuestion() { - console.log("淇濆瓨"); localStorage.setItem( "english-book-question-one", JSON.stringify(this.questionData) @@ -4723,7 +4659,22 @@ "157842B38CA587C8134070E66D174DDE" ); this.resource.readingTwo = await getResourcePath( - "E8719EC88026BCFB11D292AA999F6D3D" + "F0060BCF874B78E05E2DC9FE317A6D37" + ); + this.resource.readingThree = await getResourcePath( + "4AC860B7C2CEB89231AF97F85275A9C6" + ); + this.resource.readingFour = await getResourcePath( + "31AE82BE3BFCD4F772C7C3AFD27D0E31" + ); + this.resource.listenTwo = await getResourcePath( + "5D9F90ABD53E30608E09A0DEE07401C1" + ); + this.resource.listenThree = await getResourcePath( + "3DF0EEC6B4334C0C7FF7BC69F8322C22" + ); + this.resource.projectOne = await getResourcePath( + "BB6F58469CF7056440FE458E82960F4A" ); }, showAnswer(type) { @@ -4809,7 +4760,7 @@ this.questionDataOne = savaDataOnes; this.$set(this.questionDataOne, "isComplete", true); this.setQuestionDataOne(); - this.isTextRight; + this.showAnswerReading = true; }, changeQuestionDataOne() { @@ -4843,7 +4794,6 @@ }, saveDataTwo() { const savaDataTwos = this.questionDataTwo; - console.log(savaDataTwos, 123); for (let key in savaDataTwos) { let item = savaDataTwos[key] if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") { @@ -4858,7 +4808,7 @@ this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", true); this.setQuestionDataTwo(); - console.log(this.isTextRight(this.questionDataTwo.fb.answer, this.questionDataTwo.fb.five, 4), 666) + this.showAnswerReadingOne = true; }, changeQuestionDataTwo() { localStorage.removeItem("english-chapter05-questionDataTwo"); @@ -4883,9 +4833,9 @@ item.value = []; } } - console.log(savaDataTwos, 1433233) this.questionDataTwo = savaDataTwos; this.$set(this.questionDataTwo, "isComplete", false); + this.showAnswerReadingOne = false; }, handleChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4899,7 +4849,7 @@ item.userScore += data.score } } - console.log(this.choiceData, 777); + this.saveChoiceData(); }, changeChoiceData() { for (let index = 0; index < this.choiceData.length; index++) { @@ -4912,6 +4862,10 @@ citem.userAnswer = ""; } } + localStorage.removeItem('english-chapter05-choiceData') + }, + saveChoiceData(){ + localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData)) }, handleQuestionDataThree() { const questionDataThrees = this.questionDataThree; @@ -4929,7 +4883,6 @@ this.questionDataThree = questionDataThrees; this.$set(this.questionDataThree, "isComplete", true); this.setQuestionDataThree(); - this.isTextRight; this.showAnswerTen = true; }, setQuestionDataThree() { @@ -4976,7 +4929,6 @@ this.questionDataFour = questionDataFours; this.$set(this.questionDataFour, "isComplete", true); this.setQuestionDataFour(); - this.isTextRight; this.showAnswerTwelve = true; }, setQuestionDataFour() { -- Gitblit v1.9.1