From e89d2f02233370260faa26eae68819f94e906e14 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 07 八月 2024 16:06:48 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter008.vue | 301 +++++++++++++++++++++-----------------------------
1 files changed, 127 insertions(+), 174 deletions(-)
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index b9ed8bd..a6a7b12 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -52,7 +52,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-2.jpg" alt="" class="w100" />
</p>
<p class="center">
2.
@@ -70,7 +70,7 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-3.jpg" alt="" class="w100" />
</p>
<p class="center">
3.
@@ -86,7 +86,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
+ <img src="../../assets/images/0146-4.jpg" alt="" class="w100" />
</p>
<p class="center">
4.
@@ -121,7 +121,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-6.jpg" alt="" class="w100" />
</p>
<p class="center">
6.
@@ -348,7 +348,7 @@
<div class="padding-93">
<div class="bodystyle">
<p>So,I
- <span class="word-bc" >inquired</span>
+ <span class="word-bc" word="inquire" >inquired</span>
as to who could give me work around town.I lived in the town of Woodway,which
had enough people,especially
<span class="word-bc">elderly</span>
@@ -368,7 +368,7 @@
pull out weeds one by one in her front yard and backyard.After this
<span class="word-bc" >tedious</span>
task,I
- <span class="word-bc" >mowed</span>
+ <span class="word-bc" word="mow">mowed</span>
her
<span class="word-bc" >lawn</span>
鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
@@ -1007,9 +1007,9 @@
<span class="word-bc mr-20 dl-span"
>repetitive</span>
<span class="word-bc mr-20 dl-span" >risky</span>
- <span class="word-bc mr-20 dl-span"
+ <span class="word-bc mr-20 dl-span" word="satisfy"
>satisfying</span>
- <span class="word-bc mr-20 dl-span"
+ <span class="word-bc mr-20 dl-span" word="stimulate"
>stimulating</span>
<span class="word-bc mr-20 dl-span"
>stressful</span>
@@ -1026,137 +1026,137 @@
<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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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/8-1銆丮ODULE 8锛坙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" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤22.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤23.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤24.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤25.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤26.jpg" />
</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/8-1銆丮ODULE 8锛坙esson one锛塤27.jpg" />
</div>
</div>
</div>
@@ -1196,7 +1196,7 @@
yourself.Work with your partner and figure out what the pictures in the following road
maps possibly mean,and then choose the proper expressions to fill in the blanks.
</b>
- <span class="btn-box" @click="showDropTwo(0,0)">
+ <span class="btn-box" @click="showDropTwo(0)">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -1227,6 +1227,12 @@
</div>
</li>
</ul>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<!-- <p class="center">
<img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
</p> -->
@@ -1284,7 +1290,12 @@
<img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false">
</div>
</div>
-
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<h3 id="c069" class="fl al-cn">
<span class="bjh3">Reading</span>
<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
@@ -1362,17 +1373,17 @@
<p>We shouldn鈥檛 spend a lot of time worrying about where we should be.Things will fall into
place as they are meant to.There isn鈥檛 one correct path and everyone鈥檚 life is different.We
may face challenges that bring greater
- <span class="word-bc" >outcomes</span>
+ <span class="word-bc" word="outcome" >outcomes</span>
later on.
</p>
<p>Some may argue that they need more money to survive and be happy.It is true that we need
money to survive,but after a certain amount it doesn鈥檛 give us any more happiness.It can
provide
- <span class="word-bc" >necessities</span>
+ <span class="word-bc" word="necessity">necessities</span>
like food,water,clothes,and
<span class="word-bc" >shelter</span>
.It can also provide
- <span class="word-bc" >luxuries</span>
+ <span class="word-bc" word="luxury" >luxuries</span>
like
vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
enjoyment doesn鈥檛 last forever.We usually return to our
@@ -1516,6 +1527,12 @@
{{index + 1}}.{{item.stem}}
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<p><b>鈪�.Language focus.</b></p>
<p>A.Replace the words in italics with the exact words in the passage and change the form if
necessary.</p>
@@ -1524,6 +1541,12 @@
<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete">
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[2].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
<div class="bk-wh">
<p>a portion of銆�fall into place銆�be passionate about銆�later on be銆�comfortable with</p>
@@ -1562,6 +1585,12 @@
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete">
{{item.stemTwo}}
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
@click="showAnswer('showImgOne')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1590,6 +1619,12 @@
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete">
{{item.stemTwo}}
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[4].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
@@ -1704,137 +1739,92 @@
<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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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/8-2銆丮ODULE 8锛坙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" />
- </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/8-2銆丮ODULE 8锛坙esson two锛塤18.jpg" />
</div>
</div>
</div>
@@ -1888,6 +1878,12 @@
I feel worried about writing the letter,for I know little about it.Anyway,I am
well-prepared,I guess.Now all I鈥檝e got to do is to take that job.Wish me good luck!
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
@@ -1967,7 +1963,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -1977,7 +1973,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -1987,7 +1983,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -2347,137 +2343,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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙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/8-3銆丮ODULE 8锛坙esson three锛塤17.jpg" />
</div>
</div>
</div>
@@ -2490,7 +2436,8 @@
</div>
</div>
</div>
- <div class="preface-bottom">
+ <!-- 椤佃剼 -->
+ <div class="preface-bottom" style="margin-top: 10%">
<span class="contet-num-box">154</span>
</div>
</div>
@@ -3456,6 +3403,7 @@
dropTwo:[
{
type:'dropdown',
+ isComplete:false,
isShowAnswer:false,
option:[
'identify passion','go to school'
@@ -3474,6 +3422,7 @@
{
type:'dropdown',
isComplete:false,
+ isShowAnswer:false,
option:[
'change your mind',
'get another job',
@@ -3891,6 +3840,7 @@
saveNoSubmitTWo() {
localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
},
+
showNoSubmitTWo(index,num) {
this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
},
@@ -3901,6 +3851,9 @@
this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
this.saveDropTwo()
},
+ showDropTwo(index) {
+ this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer)
+ },
saveListenTwo() {
localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
},
--
Gitblit v1.9.1