From 02ab5b03eba1f1f628ff6b5e9e6e19539928a168 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 12 七月 2024 09:24:59 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter005.vue | 1080 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 1,043 insertions(+), 37 deletions(-)
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index c7de6b3..90eea1c 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -63,7 +63,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">
@@ -344,7 +371,20 @@
<p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
sustainable Games.</p>
<p>____________________________________________________</p>
- <p><b>鈪�.Grammar focus:The present perfect tense.</b></p>
+ <p><b>鈪�.Grammar focus:The present perfect tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <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">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Mark the correct form of the words in the brackets.</p>
<p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
</p>
@@ -392,11 +432,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>
@@ -492,29 +751,57 @@
<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 crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
+ better than a
+ <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
+ morning,when the air is fresh,the sun is
+ <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
+ ing over the
+ <span class="word-bc" @click="saveWord($event, 'horizon')">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.</p>
+ outdoors will be unpleasant.
+ </p>
<p>Most of us would love to cut our carbon footprints in half鈥擨 know I would鈥攂ut it just isn鈥檛
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 ecofriendly ride-sharing options.But actually,not all of us have these choices.
+ wealth of
+ <span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span>
+ <span class="word-bc" @click="saveWord($event, 'ride-sharing')">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 survive.We also eat selectively.It
- seems like everyone has a dietary restriction these days.Most of the dietary choices are
+ <p>Well,everybody eats.We eat to celebrate,to grow,and to
+ <span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
+ .We also eat
+ <span class="word-bc" @click="saveWord($event, 'selectively')">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>
+ 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>
+ 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 vegans.It turns out
- that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
+ footprints connected with different diets:meat-eaters,fish-eaters,and
+ <span class="word-bc" @click="saveWord($event, 'vegans')">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>
+ 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
- by 50 percent.</p>
+ by 50 percent.
+ </p>
<p>Before learning about this study,I never thought about how my diet impacted anyone but
- myself.I always figured that what I put into my body was a personal decision,but it鈥檚 a
- public concern.</p>
+ myself.I always
+ <span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
+ that what I put into my body was a personal decision,but it鈥檚 a
+ public concern.
+ </p>
<p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
peaking over the horizon,a lightness in my legs.I am looking forward to the next day鈥檚 run.
@@ -683,7 +970,20 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p><b>鈪�.Grammar focus:The infinitive.</b></p>
+ <p><b>鈪�.Grammar focus:The infinitive.</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">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Rewrite the following sentences using the infinitive symbol 鈥渢o鈥�.</p>
<p>1.We work hard.</p>
<p>We want to make a better life.</p>
@@ -736,11 +1036,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>
@@ -765,25 +1293,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">
@@ -969,12 +1690,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>
@@ -998,6 +1964,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>
@@ -1029,13 +1996,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar5-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar5-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1201,8 +2170,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: {
@@ -1374,7 +2377,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
--
Gitblit v1.9.1