From 2719c10f4b253b19a3990dea5c2a59cfed9a5f3a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 05 八月 2024 11:57:36 +0800
Subject: [PATCH] 英语PPT结束

---
 src/books/English/view/components/chapter008.vue |  287 ++++++++++++++++++++++++---------------------------------
 1 files changed, 120 insertions(+), 167 deletions(-)

diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index b9ed8bd..09fbe92 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.
@@ -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>
@@ -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