From 467a032d491ea1cc35eabc09f0232d93a9f7a94f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 23 七月 2024 14:21:01 +0800
Subject: [PATCH] 英语点击单词卡方法优化

---
 src/books/English/view/components/chapter005.vue |  105 +++++++++++++++++++++++++++++++---------------------
 1 files changed, 63 insertions(+), 42 deletions(-)

diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index de43a18..9043046 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -383,7 +383,7 @@
                         </p>
                         <p class="center"><b>A Better Path for Plastic</b></p>
                         <p class="center"> <audio :src="resource.readingOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p>Plastic plays an important role in modern life,serving as building blocks for everything from
                             packaging to medical equipment.This useful material has undeniable upsides鈥攂ut far too much
                             of it ends up in landfills or in our environment.What can each of us do to be part of the
@@ -446,7 +446,7 @@
                             <span class="line-border-box"></span>
                         </p>
                         <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                            style="margin-left: 10px" class="audio"></audio>
                         <p>undeniable /藢蕦nd瑟藞na瑟蓹bl/ <i>adj.</i> 涓嶅彲鍚﹀畾鐨勶紱鏃犲彲浜夎京鐨�</p>
                         <div class="bkbj">
                             <p><i>that cannot be denied</i></p>
@@ -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>
@@ -1802,17 +1802,17 @@
                             (4) Reducing food waste by properly storing and using food.
                         </p>
                         <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
-                        <p class="center"> <audio :src="resource.listenOne" controls
-                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+                        <p class="center"> <audio :src="resource.readingThree" controls
+                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p>Every morning,I wake up,and just moments after my feet hit this floor,I鈥檓 reaching for a
                             sports bra and tying my shoelaces.It鈥檚 time to go running.</p>
                         <p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing
                             better than a
-                            <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
+                            <span class="word-bc" >crisp</span>
                             morning,when the air is fresh,the sun is
-                            <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
+                            <span class="word-bc" > peak</span>
                             ing over the
-                            <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
+                            <span class="word-bc">horizon</span>
                             ,and my
                             legs are light.But some days,when an air quality warning shows on my phone,I know running
                             outdoors will be unpleasant.
@@ -1821,32 +1821,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> &nbsp;
-                            <span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span>
+                            <span class="word-bc" >ecofriendly </span> &nbsp;
+                            <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> &nbsp;
-                            <span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span>
+                            <span class="word-bc" >dietary</span> &nbsp;
+                            <span class="word-bc" >restriction</span>
                             these days.Most of the dietary choices are
                             made for personal,health-related reasons,but what I鈥檝e learned recently is that the food we
                             eat doesn鈥檛 just impact us; it impacts the planet big time.
                         </p>
                         <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                             footprints connected with different diets:meat-eaters,fish-eaters,and
-                            <span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span>
+                            <span class="word-bc" >vegans</span>
                             .It turns out
                             that
-                            <span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span>
+                            <span class="word-bc" >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">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 +1854,7 @@
                         </p>
                         <p>Before learning about this study,I never thought about how my diet impacted anyone but
                             myself.I always
-                            <span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
+                            <span class="word-bc">figured</span>
                             that what I put into my body was a personal decision,but it鈥檚 a
                             public concern.
                         </p>
@@ -1888,8 +1888,8 @@
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
-                            @play="audioPlay"></audio>
+                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
+                            ></audio>
                         <p>crisp /kr瑟sp/ <i>adj.</i> 锛堟寚绌烘皵銆佸ぉ姘旓級 骞插喎鐨勶紱鍑夌埥鐨�</p>
                         <div class="bkbj">
                             <p><i>(of the air or the weather) pleasantly dry and cold</i></p>
@@ -1942,11 +1942,17 @@
                         <div class="bkbj">
                             <p><i>to think</i></p>
                         </div>
-                        <p>carbon footprint 纰宠冻杩�</p>
+                        <div class="fl">
+                        <div class="left ">
+                            <p>carbon footprint 纰宠冻杩�</p>
                         <p>big time 澶ц寖鍥村湴锛涘緢澶х▼搴﹀湴</p>
                         <p>reflect on 鍥炴兂</p>
-                        <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p>
+                        </div>
+                        <div class="right ">
+                            <p>reach for sth.浼稿嚭锛堟墜锛� 浠ユ姄鍒版垨鎷垮埌鏌愮墿</p>
                         <p>turn out 缁撴灉鏄�</p>
+                        </div>
+                        </div>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -2940,12 +2946,12 @@
                         <h3 id="c044" class="fl al-cn">
                             <span class="bjh3">Listening</span>
                             <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜-->
-                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                                class="audio"></audio>
                         </h3>
                         <p><b>鈪�.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                 the video and fill in the blanks with what you hear.</b>
                         </p>
+                        <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
+                        class="audio"></audio>
                         <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                             <tr class="table-th-bc">
                                 <td class="wh-no tl-cn">Redwood Sapling</td>
@@ -3117,6 +3123,8 @@
                         <p><b>鈪�.The four people below are all concerned with the increasingly serious environmental
                                 issues.Listen to the recording and decide which website they use to search for the
                                 information they need.</b></p>
+                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
+                                class="audio"></audio>
                         <div class="fl">
                             <div>
                                 <img class="w100" alt="" src="../../assets/images/M5Select01.png" />
@@ -3699,8 +3707,8 @@
                         <div class="un-h2">
                             <h2 id="b020">Unit Project</h2>
                         </div>
-                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
+                        <audio :src="resource.projectOne" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px; margin-top: 10px;" class="audio"></audio>
                         <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
                             Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
                             also did her part by joining the 7-day No Plastic Challenge.Let鈥檚 watch her vlog and see
@@ -4300,6 +4308,11 @@
                 listenOne: "",
                 readingOne: "",
                 readingTwo: "",
+                readingThree: "",
+                readingFour: "",
+                listenTwo: "",
+                listenThree: "",
+                projectOne: "",
             },
             dropDownList: [
                 "animal rescue and care",
@@ -4702,9 +4715,6 @@
         this.getPath();
     },
     methods: {
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
-        },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
         },
@@ -4723,7 +4733,22 @@
                 "157842B38CA587C8134070E66D174DDE"
             );
             this.resource.readingTwo = await getResourcePath(
-                "E8719EC88026BCFB11D292AA999F6D3D"
+                "F0060BCF874B78E05E2DC9FE317A6D37"
+            );
+            this.resource.readingThree = await getResourcePath(
+                "4AC860B7C2CEB89231AF97F85275A9C6"
+            );
+            this.resource.readingFour = await getResourcePath(
+                "31AE82BE3BFCD4F772C7C3AFD27D0E31"
+            );
+            this.resource.listenTwo = await getResourcePath(
+                "5D9F90ABD53E30608E09A0DEE07401C1"
+            );
+            this.resource.listenThree = await getResourcePath(
+                "3DF0EEC6B4334C0C7FF7BC69F8322C22"
+            );
+            this.resource.projectOne = await getResourcePath(
+                "BB6F58469CF7056440FE458E82960F4A"
             );
         },
         showAnswer(type) {
@@ -4809,7 +4834,7 @@
             this.questionDataOne = savaDataOnes;
             this.$set(this.questionDataOne, "isComplete", true);
             this.setQuestionDataOne();
-            this.isTextRight;
+          
             this.showAnswerReading = true;
         },
         changeQuestionDataOne() {
@@ -4858,7 +4883,6 @@
             this.questionDataTwo = savaDataTwos;
             this.$set(this.questionDataTwo, "isComplete", true);
             this.setQuestionDataTwo();
-            console.log(this.isTextRight(this.questionDataTwo.fb.answer, this.questionDataTwo.fb.five, 4), 666)
         },
         changeQuestionDataTwo() {
             localStorage.removeItem("english-chapter05-questionDataTwo");
@@ -4899,7 +4923,6 @@
                         item.userScore += data.score
                 }
             }
-            console.log(this.choiceData, 777);
         },
         changeChoiceData() {
             for (let index = 0; index < this.choiceData.length; index++) {
@@ -4929,7 +4952,6 @@
             this.questionDataThree = questionDataThrees;
             this.$set(this.questionDataThree, "isComplete", true);
             this.setQuestionDataThree();
-            this.isTextRight;
             this.showAnswerTen = true;
         },
         setQuestionDataThree() {
@@ -4976,7 +4998,6 @@
             this.questionDataFour = questionDataFours;
             this.$set(this.questionDataFour, "isComplete", true);
             this.setQuestionDataFour();
-            this.isTextRight;
             this.showAnswerTwelve = true;
         },
         setQuestionDataFour() {

--
Gitblit v1.9.1