From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter005.vue | 350 +++++++++++++++++++++++-----------------------------------
1 files changed, 139 insertions(+), 211 deletions(-)
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 94b76d2..d4c75b8 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -7,13 +7,13 @@
<h1 id="a005">
<img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
</h1>
- <p class="img">
+ <div class="img">
<p>鉃� Learn words and expressions about environmental topics</p>
<p>鉃� Review the structure of the present perfect tense and the usage of the infinitive</p>
<p>鉃� Be able to express your concern on environmental issues</p>
<p>鉃� Be able to compose a business memo</p>
<p>鉃� Understand the significance of environmental protection</p>
- </p>
+ </div>
<p class="center">
<img class="img-0" alt="" src="../../assets/images/0087-2.jpg" />
</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>
@@ -1808,11 +1783,11 @@
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" word="vegan">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" word="eliminate">eliminating</span>
+ meat from your diet can reduce your carbon
+ <span class="word-bc" word="emission">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" word="figure">figured</span>
that what I put into my body was a personal decision,but it鈥檚 a
public concern.
</p>
@@ -2170,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%">
@@ -2285,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
@@ -2420,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>
@@ -2554,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">
@@ -2611,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>
@@ -2624,7 +2625,7 @@
</button>
</li>
<li>
- <button class="parimary-btn">
+ <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn">
鏌ョ湅绛旀
</button>
</li>
@@ -2779,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>
@@ -2971,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 &&
@@ -2995,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 &&
@@ -3030,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 &&
@@ -3055,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 &&
@@ -3090,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 &&
@@ -3131,7 +3102,7 @@
<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 }}
@@ -3162,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 }}
@@ -3193,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 }}
@@ -3224,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 }}
@@ -3833,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>
@@ -4008,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>
@@ -4043,6 +3964,7 @@
showAnswerEleven: false,
showAnswerTwelve: false,
showAnswerReading: false,
+ showAnswerReadingOne: false,
showImg: false,
showImgOne: false,
showQuestionAnswer: false,
@@ -4681,7 +4603,7 @@
if (testData) {
this.testData = JSON.parse(testData);
}
- const bookQuestion = localStorage.getItem("english-book-question-one");
+ const bookQuestion = localStorage.getItem("english-book-chapter05-question-one");
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
@@ -4712,19 +4634,20 @@
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",
+ "english-book-chapter05-question-one",
JSON.stringify(this.questionData)
);
},
@@ -4871,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") {
@@ -4886,6 +4808,7 @@
this.questionDataTwo = savaDataTwos;
this.$set(this.questionDataTwo, "isComplete", true);
this.setQuestionDataTwo();
+ this.showAnswerReadingOne = true;
},
changeQuestionDataTwo() {
localStorage.removeItem("english-chapter05-questionDataTwo");
@@ -4910,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++) {
@@ -4926,6 +4849,7 @@
item.userScore += data.score
}
}
+ this.saveChoiceData();
},
changeChoiceData() {
for (let index = 0; index < this.choiceData.length; index++) {
@@ -4938,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;
--
Gitblit v1.9.1