From bd4d2df3c20c2baea23567f57556a70a38e1960d Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 26 七月 2024 14:12:32 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/view/components/chapter007.vue |   69 ++---
 src/books/English/view/components/chapter008.vue |   71 ++---
 src/books/English/view/components/chapter004.vue |   91 +++---
 src/books/English/view/components/chapter001.vue |   79 +++---
 src/books/English/view/components/chapter002.vue |   89 +++---
 src/books/English/view/components/chapter003.vue |   83 +++---
 src/books/English/view/components/chapter005.vue |   45 +--
 src/books/English/view/components/chapter006.vue |   82 ++----
 src/books/English/view/components/index.vue      |   55 ++-
 src/books/childHealth/view/content/index.vue     |   20 +
 10 files changed, 340 insertions(+), 344 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index fa7f82e..50c34a2 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -359,7 +359,7 @@
               shadow puppet show, traditional Chinese medicine, Peking Opera
               scenery
             </p>
-            <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
+            <p class="center"><b>My Experience in <span class="word-bc">Wonderland</span> </b></p>
             <p class="center">
               <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </p>
@@ -372,29 +372,29 @@
             </p>
             <p>
               My
-              <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+              <span class="word-bc">incredible</span>
               journey to China started in 2017 when I got selected as a foreign
               student for PhD studies at one university.When I arrived in
               China,I was like Alice in Alice in Wonderland.I was curious about
               the people,the culture,the
-              <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+              <span class="word-bc" >cuisine</span>
               and of course the huge variety of
-              <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+              <span class="word-bc">landscapes</span>.
             </p>
             <p>
               I found many great people and made several Chinese friends along
               the way.These friends made me see China through the eyes of the
               locals.I always found Chinese people very friendly and
-              <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+              <span class="word-bc">hospitable</span>
               towards foreigners.These Chinese friends made my understanding of
               Chinese culture and
-              <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+              <span class="word-bc">civilization</span>
               much easier,enjoyable and memorable.I consider China my second
               home and love it like my own country!
             </p>
             <p>
               You cannot
-              <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+              <span class="word-bc">explore</span>
               China properly if you do not try its delicious variety of food.If
               you ate
             </p>
@@ -423,10 +423,10 @@
               Chinese food would still never end! Though I love to eat almost
               all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
               quite
-              <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+              <span class="word-bc">mouth-watering</span>
               and
-              <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
-              <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+              <span class="word-bc">stimulating</span>.For a
+              <span class="word-bc">foodie</span>
               like me,China is a heaven.I simply cannot live without Chinese
               food.
             </p>
@@ -436,8 +436,8 @@
               its own story and history.From the big and advanced cities like
               Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
               Hangzhou,each city has its
-              <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
-              <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+              <span class="word-bc">unique</span>
+              <span class="word-bc" style="margin-left: 5px">atmosphere</span>
               that attracts you.I visited more than a dozen cities and came
               across their charming features and unique landscapes such as
               Huangshan,the Great Wall,Canton Tower.
@@ -1461,18 +1461,18 @@
             </p>
             <div class="bk-wh">
               <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
-                  class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+                <span class="word-bc mr-20 dl-span" >exquisite</span>
+                <span class="word-bc mr-20 dl-span">ancient</span><span
+                  class="word-bc mr-20 dl-span" >incredible</span><span
+                  class="word-bc mr-20 dl-span" >unique</span><span
+                  class="word-bc mr-20 dl-span" >traditional</span><span
+                  class="word-bc mr-20 dl-span" >outstanding</span><span
+                  class="word-bc mr-20 dl-span" >mouth-watering</span><span
+                  class="word-bc mr-20 dl-span" >diverse</span><span
+                  class="word-bc mr-20 dl-span"  >hospitable</span><span
+                  class="word-bc mr-20 dl-span"  >enjoyable</span><span
+                  class="word-bc mr-20 dl-span" >memorable</span><span
+                  class="word-bc mr-20 dl-span" >charming</span>
               </p>
             </div>
             <div class="resource-primary-border" style="padding: 8px">
@@ -1959,35 +1959,35 @@
             <p>
               On August 31st,2012,as I landed my feet on Chinese ground,I
               started to breathe in the air coming from the
-              <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+              <span class="word-bc">breeze</span>
               .It was
               familiar.I felt so excited to be back in China,though that time
               was for my studies.In a matter of days,I made a lot of friends
               from different countries and one afternoon,my friends and I
               planned to visit the world-famous Sun Yat-sen
-              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
+              <span class="word-bc">Mausoleum</span>
               .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                 v-model="testData.tg.one" @change="setTestData" />
               I looked around with curiosity,and everything seemed to move at a
               quick
-              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
+              <span class="word-bc">pace</span>.
             </p>
             <p>
               Six months later,as I walked down the hall of my
-              <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+              <span class="word-bc">dormitory</span>
               ,I met
               my
-              <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+              <span class="word-bc">neighbour</span>
               who was overwhelmed by big and small packages and
               boxes.I asked,鈥淗ey,Alison.What are all these?鈥� She
               replied,鈥淗ello,Vanessa.I received my packages from the delivery
               man.I鈥檝e been buying a lot of stuff
-              <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+              <span class="word-bc">via</span>
               an online shop.鈥� I went to
               my room to turn on my
-              <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+              <span class="word-bc">laptop</span>
               and typed in the key words.I was
-              <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+              <span class="word-bc">stunned</span>
               ; I couldn鈥檛 believe my eyes.It is actually an online
               shopping website where you can buy anything you can think of.
             </p>
@@ -1995,14 +1995,14 @@
               After my graduation in 2015,I joined another university in
               Shanghai for further studies.I always saw my Chinese classmates
               paying with their phones; this
-              <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+              <span class="word-bc" >triggered</span>
               my attention.With the
               help of my classmates,I finally got my own online payment
               account.This is an absolute
-              <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+              <span class="word-bc">gadget</span>
               ,very convenient and easy to
               use.With the start of this new
-              <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+              <span class="word-bc">era</span>
               ,I always go out without my
               wallet.
             </p>
@@ -2022,12 +2022,12 @@
             <p>
               The five aspects that I mentioned above changed the life of
               millions of people around China.The Chinese
-              <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+              <span class="word-bc">economy</span>
               is
-              <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+              <span class="word-bc">booming</span>
               ,which makes people well off.I鈥檝e been in China for several
               years and witnessed China鈥檚
-              <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
+              <span class="word-bc" >potential</span>
               .
             </p>
           </div>
@@ -4847,9 +4847,6 @@
     this.getPath();
   },
   methods: {
-    saveWord(event, word) {
-      this.$emit("saveCharacters", event, word);
-    },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
     },
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 906e60d..4983849 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -471,20 +471,20 @@
             <p>
               It is not a secret that a company鈥檚 success is heavily based on
               its people.An employee is 
-              <span class="word-bc" @click="saveWord($event, 'defined')">defined</span>
+              <span class="word-bc" >defined</span>
                by his/her talents,knowledge and
               abilities.This is the 
-              鈥�<span class="word-bc" @click="saveWord($event, 'visible')">visible</span>鈥�
+              鈥�<span class="word-bc" >visible</span>鈥�
                side of an employee.The
               鈥渉idden鈥漵ide,which is also important,is the cultural 
-              <span class="word-bc" @click="saveWord($event, 'identity')">identity</span>
+              <span class="word-bc" >identity</span>
               .The
               culture of an employee impacts his/her views on life,work,business
               relationships and how they 
-              <span class="word-bc" @click="saveWord($event, 'handle')">handle</span>
+              <span class="word-bc" >handle</span>
                challenges.There are some issues
               that may 
-              <span class="word-bc" @click="saveWord($event, 'arise')">arise</span>
+              <span class="word-bc" >arise</span>
                when working in a cross-cultural environment.
             </p>
             <p>
@@ -492,7 +492,7 @@
               misunderstand each other.When I applied for the position at an
               international trade company,during the interview,my
               interviewer,who is from Egypt,was saying
-              鈥�<span class="word-bc" @click="saveWord($event, 'quote')">quote</span>鈥�
+              鈥�<span class="word-bc" >quote</span>鈥�
               ,but to me,it
               sounded like 鈥渃ourt鈥�.It took me a while to
             </p>
@@ -520,7 +520,7 @@
           <div class="bodystyle">
             <p>
               understand what he meant,and I still remember how 
-              <span class="word-bc" @click="saveWord($event, 'confused')">confused</span>
+              <span class="word-bc" >confused</span>
                I felt
               when I had to reply without knowing what he was asking about.You
               may feel uncomfortable to ask your conversation partner to repeat
@@ -530,43 +530,43 @@
             </p>
             <p>
               Things that are normal or 
-              <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+              <span class="word-bc" >routine</span>
                in one culture can be totally
-              <span class="word-bc" @click="saveWord($event, 'unacceptable')">unacceptable</span>
+              <span class="word-bc" >unacceptable</span>
               in another culture.In my home country of Latvia,it is
               a normal practice not to expect replies by email after normal
               working hours and I will only 
-              <span class="word-bc" @click="saveWord($event, 'disturb')">disturb</span>
+              <span class="word-bc" >disturb</span>
                a colleague if the matter is
               very serious.However,in other countries,like Russia and Egypt,the
-              <span class="word-bc" @click="saveWord($event, 'tendency')">tendency</span>
+              <span class="word-bc" >tendency</span>
                is to work 24/7 in response to the industry needs.Get
               familiar with the behavior patterns accepted in your colleagues鈥�
               countries,and learn about their 
-              <span class="word-bc" @click="saveWord($event, 'traditions')">traditions</span>
+              <span class="word-bc" >traditions</span>
               ,you will finally find the best way to respectfully communicate.
             </p>
             <p>
               Language and cultural 
-              <span class="word-bc" @click="saveWord($event, 'barriers')">barriers</span>
+              <span class="word-bc" >barriers</span>
                can cause 
-              <span class="word-bc" @click="saveWord($event, 'frustration')">frustration</span>
+              <span class="word-bc" >frustration</span>
                .Don鈥檛 let
               emotions take over.Think about the objective you want to
               reach,make an effort to understand the other person and use the
               most 
-              <span class="word-bc" @click="saveWord($event, 'appropriate')">appropriate</span>
+              <span class="word-bc" >appropriate</span>
                means for it.For example,email does not convey
               the speaker鈥檚 emotions and limits the possibility to ask
               questions.Calling someone on the phone and hearing his/her 
-              <span class="word-bc" @click="saveWord($event, 'tone')">tone</span>
+              <span class="word-bc" >tone</span>
               can make the communication more smooth,and you will be surprised
               by the level of understanding you will receive in return.
             </p>
             <p>
               Working with colleagues from other countries or cultures can at
               times be challenging,but it is so 
-              <span class="word-bc" @click="saveWord($event, 'rewarding')">rewarding</span>
+              <span class="word-bc">rewarding</span>
                when you can learn
               from each other and open your eyes to other ways of life.
             </p>
@@ -1419,16 +1419,16 @@
             </p>
             <div class="bk-wh">
               <p class="dl-box">
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
-                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating
+                <span class="word-bc mr-20 dl-span" >direct</span>
+                <span class="word-bc mr-20 dl-span" >formal</span>
+                <span class="word-bc mr-20 dl-span" >respect</span>
+                <span class="word-bc mr-20 dl-span" >privacy</span>
+                <span class="word-bc mr-20 dl-span" >hand-shaking</span>
+                <span class="word-bc mr-20 dl-span" >touch</span>
+                <span class="word-bc mr-20 dl-span" >comfortable</span>
+                <span class="word-bc mr-20 dl-span" >toast</span>
+                <span class="word-bc mr-20 dl-span" >chopsticks</span>
+                <span class="word-bc mr-20 dl-span" >seating
                   arrangement</span>
               </p>
             </div>
@@ -1800,33 +1800,33 @@
             <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                 ></audio></p>
             <p>For an
-              <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
+              <span class="word-bc" >individual</span>
               or a country,a period of 14 years is long enough to become calm,confident and
-              <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
+              <span class="word-bc" >mature</span>
               .On
               the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
             </p>
             <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
-              <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
+              <span class="word-bc" >journalist</span>
               .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
               would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
               simply enjoying the moment.
             </p>
             <p>Turning up as simple but
-              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
+              <span class="word-bc" >impressive</span>
               ,the opening
-              <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
+              <span class="word-bc" >ceremony</span>
               lasted for about two hours with less performing
               artists but more
-              <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
+              <span class="word-bc" >audio-visual</span>
               technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
               鈥渕yself鈥� 14 years ago at the same sports field.The
-              <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
+              <span class="word-bc" >snowflake</span>
               -shaped Olympic
-              <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
+              <span class="word-bc">cauldron</span>
               ,formed by the smaller
               snowflakes with names of the
-              <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
+              <span class="word-bc">participating</span>
               countries and regions on them,was lit by two young Chinese
               athletes.
             </p>
@@ -1853,30 +1853,30 @@
           <div class="bodystyle">
             <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
               鈥�
-              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
+              <span class="word-bc" >exceptional</span>
               鈥�,not only because of the
-              <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
+              <span class="word-bc" >pandemic</span>
               situation but also a different China now 鈥攎ore confident in
               its culture.
             </p>
             <p>In the summer 14 years ago,I was like a
-              <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
+              <span class="word-bc" >festivalgoer</span>
               full of energy rushing for work but also making
               errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
-              <span class="word-bc" @click="saveWord($event, 'track')">track</span>
+              <span class="word-bc" >track</span>
               due to injury.In the
               winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
               鈥攖hanks to regular exercise and a positive view of sports
-              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
+              <span class="word-bc" >competition</span>
               .
             </p>
             <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
             <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
-              <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
+              <span class="word-bc" >impressed</span> the
               world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�
             </p>
             <p>I failed to control myself the moments when the Chinese national
-              <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
+              <span class="word-bc" >anthem</span>
               was played and when images of
               people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
               country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
@@ -4771,9 +4771,6 @@
     this.getPath();
   },
   methods: {
-    saveWord(event, word) {
-      this.$emit("saveCharacters", event, word);
-    },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
     },
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 499b064..d4ba550 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -457,7 +457,7 @@
                         <p>
                             With busy life,it can be hard to find time to
                             volunteer.However,the benefits of volunteering can be
-                            <span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
+                            <span class="word-bc" >enormous</span>
                         </p>
                         <p>
                             One of the most well-known benefits of volunteering is the impact
@@ -467,22 +467,22 @@
                             need.Volunteering can benefit you and your family as well as the
                             people you choose to help.Doing volunteer work helps you make new
                             friends,
-                            <span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
+                            <span class="word-bc" >expand</span>
                             your network,and
-                            <span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
+                            <span class="word-bc" >boost</span>
                             your social skills.
                         </p>
                         <p>
                             Volunteering helps reduce the effects of stress,anger,and
-                            <span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
+                            <span class="word-bc" >anxiety</span>
                             .The social contact aspect of helping and working with
                             others can have a great effect on your overall mental
                             health.Nothing reduces stress better than a
-                            <span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
+                            <span class="word-bc" >meaningful</span>
                             connection
                             to another person.Studies have found that those who volunteer have
                             a lower
-                            <span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
+                            <span class="word-bc" >mortality</span>
                             rate than those who do not.
                         </p>
                         <p>
@@ -491,7 +491,7 @@
                             field.Even if you鈥檙e not planning to change careers,volunteering
                             can give you the opportunity to practice important qualities and
                             skills used in work,such as teamwork,
-                            <span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
+                            <span class="word-bc" >communication</span>
                             skills and
                             problem-solving skills.You might feel more comfortable stretching
                             your wings at work once you鈥檝e developed these qualities and
@@ -524,17 +524,17 @@
                         <p>
                             What鈥檚 more,volunteering is a fun and easy way to explore your
                             interests and
-                            <span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
+                            <span class="word-bc" >passions</span>
                             .Doing volunteer work can be a
                             relaxing,
-                            <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
+                            <span class="word-bc" >energizing</span>
                             escape from your day-to-day routine of
                             work,school,or family
-                            <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
+                            <span class="word-bc" >commitments</span>
                             .Volunteering also provides you
-                            with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
+                            with <span class="word-bc" >creativity</span>
                             ,motivation,and
-                            <span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
+                            <span class="word-bc" >vision</span>
                             that can carry over into
                             your personal life and your career.
                         </p>
@@ -545,7 +545,7 @@
                             spare some time for volunteering service.Not only can volunteering
                             improve your r茅sum茅,but it can also help connect you to more
                             people and bring
-                            <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
+                            <span class="word-bc">fulfillment</span>
                             to your life.
                         </p>
                         <p class="fl al-cn mt-40">
@@ -1516,33 +1516,33 @@
                         </p>
                         <div class="bk-wh">
                             <p class="dl-box">
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'blood donation')"> blood
+                                <span class="word-bc mr-20 dl-span" > blood
                                     donation</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'volunteer teacher')">volunteer teacher</span>
+                                    >volunteer teacher</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'community service')">community service</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'nursing home')">nursing
+                                    >community service</span>
+                                <span class="word-bc mr-20 dl-span" >nursing
                                     home</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'rewarding')">rewarding</span>
+                                    >rewarding</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'challenging')">challenging</span>
+                                   >challenging</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'demanding')">demanding</span>
+                                    >demanding</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'interesting')">interesting</span>
+                                    >interesting</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'overwhelming')">overwhelming</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'moving')">moving</span>
+                                    >overwhelming</span>
+                                <span class="word-bc mr-20 dl-span" >moving</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'merciful')">merciful</span>
+                                    >merciful</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'kind-hearted')">kind-hearted</span>
+                                    >kind-hearted</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'appreciate')">appreciate</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'cherish')">cherish</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
+                                   >appreciate</span>
+                                <span class="word-bc mr-20 dl-span">cherish</span>
+                                <span class="word-bc mr-20 dl-span" >respect</span>
                             </p>
                         </div>
                         <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
@@ -1773,16 +1773,16 @@
                         </p>
                         <p>
                             If you go all over the world to very
-                            <span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
+                            <span class="word-bc" >remote</span>
                             villages,you will
                             often find only very old people and very young people.The men have
                             already left.So,we came up with the simple
-                            <span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
+                            <span class="word-bc" >solution</span>
                             of training
                             grandmothers.Grandmothers are
-                            <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
+                            <span class="word-bc" >compassionate</span>
                             ,
-                            <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
+                            <span class="word-bc" >tolerant</span>
                             ,willing to
                             learn,and patient.All the qualities that you need are there.
                         </p>
@@ -1790,15 +1790,15 @@
                             Barefoot College follows the lifestyle of Gandhi:Students
                             eat,sleep,and work on the floor.They can stay for 20 years,or they
                             can go home tomorrow.As of today,we鈥檝e trained 604 women
-                            <span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
+                            <span class="word-bc" >solar</span>
                             engineers from 1,083 villages in 63 countries.
                         </p>
                         <p>
                             The engineers have solar-
-                            <span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
+                            <span class="word-bc" >electrified</span>
                             45,000 houses.Please remember
                             that our students are
-                            <span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
+                            <span class="word-bc" >primarily</span>
                             women who have never left their
                             villages before.They hate the idea of leaving their families and
                             getting on a plane.When they reach India,sometimes after 19 hours
@@ -1831,11 +1831,11 @@
                             do all the training in sign language.Yet in six months,they will
                             know more about solar engineering than most university
                             graduates.Some women face problems at home for
-                            <span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
+                            <span class="word-bc" >attend</span>
                             ing Barefoot
                             College.In most of these traditional societies,the husband
                             says,鈥淚f you go for
-                            <span class="word-bc" @click="saveWord($event, 'training')">training</span>
+                            <span class="word-bc" >training</span>
                             ,don鈥檛 come back to me.I will take
                             another wife.鈥� Then the wife goes,and when she returns,she helps
                             provide her village with solar electricity.And her husband
@@ -1845,7 +1845,7 @@
                         <p>
                             We taught a woman from Afghanistan.It was the first time a
                             grandmother had left her village.
-                            <span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
+                            <span class="word-bc" >Afterwards</span>
                             ,at a community
                             gathering,she went to sit with the men,who said,鈥淲hat do you think
                             you鈥檙e doing? You should be sitting with the women.鈥� And she said
@@ -1861,9 +1861,9 @@
                         </p>
                         <p>
                             I鈥檒l end the passage with a
-                            <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
+                            <span class="word-bc" >quotation</span>
                             from Gandhi:鈥淔irst they
-                            <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
+                            <span class="word-bc" >ignore</span>
                             you,then they laugh at you,then they fight you,and then you
                             win.鈥�
                         </p>
@@ -5184,9 +5184,6 @@
             } else {
                 return data
             }
-        },
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
         },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index b6344e8..4a501a9 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -312,25 +312,25 @@
                         <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
                             soon be used to study sea
 
-                            <span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
+                            <span class="word-bc" >creatures</span>
                             up close.These robots can
-                            <span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
+                            <span class="word-bc" >blend</span>
                             blend right in with underwater
-                            <span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
+                            <span class="word-bc" >habitats</span>
                             .Robots take on tasks to make our life easier and safer.Scientists keep coming up
                             with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
                             look at the latest robots.
                         </p>
                         <p><b>Super Swimmer</b></p>
                         <p>The Octobot is perfectly named.Its design is based on the
-                            <span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
+                            <span class="word-bc" >octopus</span>
                             .The robot is the size of a
                             shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
                             inches per second.That is close to the speed of an octopus.The Octobot moves through water
                             by slowly opening its soft
-                            <span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
+                            <span class="word-bc" >rubber</span>
                             arms and then
-                            <span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
+                            <span class="word-bc" > snapping</span>
                             them shut.During tests,fish swam
                             alongside the Octobot.Researchers can use the robot to study sea creatures.
                         </p>
@@ -359,18 +359,18 @@
                     <div class="bodystyle">
                         <p><b>See Spot Run</b></p>
                         <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play
-                            <span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
+                            <span class="word-bc" >fetch</span>
                             .Boston Dynamics
                             created the four-legged,160-pound
-                            <span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
+                            <span class="word-bc" >mechanical</span>
                             dog.It can climb mountains.It can cross
                             woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
-                            <span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
+                            <span class="word-bc" >balance</span>
                             .In the future,Spot may be used for search-and-
-                            <span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
-                            <span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
+                            <span class="word-bc" >rescue</span>
+                            <span class="word-bc" >missions</span>
                             and to carry heavy
-                            <span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
+                            <span class="word-bc" >facilities</span>
                             .
                         </p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
@@ -379,21 +379,21 @@
                         <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
                             the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
                             asks for an item,a clerk places it in Mingo鈥檚
-                            <span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
+                            <span class="word-bc" >lid</span>
                             and enters the room number onto a
                             screen.Guests are always very excited when Mingo arrives with a delivery.
                         </p>
                         <p><b>Big in Japan</b></p>
                         <p>In Japan,scientists are leading the way in creating
-                            <span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
+                            <span class="word-bc" >humanoid</span>
                             robots.SoftBank introduced
                             Pepper,a four-foot-tall robot who can talk with humans and
-                            <span class="word-bc" @click="saveWord($event, 'react')">react</span>
+                            <span class="word-bc" >react</span>
                             to emotions.If you
-                            <span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
+                            <span class="word-bc" >frown</span>
                             ,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
                             bigger plans for Pepper.It may one day keep humans
-                            <span class="word-bc" @click="saveWord($event, 'company')">company</span>
+                            <span class="word-bc" >company</span>
                             and help teach children.
                         </p>
                         <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
@@ -950,19 +950,19 @@
                         <div class="bk-wh">
                             <p class="dl-box">
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'physical')">physical</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
+                                    >physical</span>
+                                <span class="word-bc mr-20 dl-span" >complex</span>
+                                <span class="word-bc mr-20 dl-span" >social</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'relationship')">relationship</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
+                                    >relationship</span>
+                                <span class="word-bc mr-20 dl-span" >feeling</span>
+                                <span class="word-bc mr-20 dl-span" >emotion</span>
+                                <span class="word-bc mr-20 dl-span" >empathy</span>
+                                <span class="word-bc mr-20 dl-span" >thought</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'tireless')">tireless</span>
+                                    >tireless</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'creative')">creative</span>
+                                    >creative</span>
                             </p>
                             <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
                             </p>
@@ -1218,11 +1218,11 @@
                                 controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                         <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                         <p>According to Zhao Hongzhou,founder of China鈥檚
-                            <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
+                            <span class="word-bc" >scientometrics</span>
                             ,scientists typically make their
                             biggest achievements between the ages of 25 and 45,which is true of the scientists and
                             engineers working on FAST(Five-hundred-meter Aperture Spherical
-                            <span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
+                            <span class="word-bc" >Telescope</span>
                             ).Its engineering
                             and operation team has an average age of 39,while its on-site team has an average age of
                             30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
@@ -1251,34 +1251,34 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p>quite helpful in the discovery of around 340
-                            <span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
+                            <span class="word-bc" >pulsars</span>
                             ,since becoming operational in September
                             2016.It has also contributed to helping human beings better understand the
-                            <span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
+                            <span class="word-bc">origin</span>
                             of fast radio
-                            <span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
+                            <span class="word-bc" >bursts</span>
                             ,extremely brief but powerful flashes in the
-                            <span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
+                            <span class="word-bc" >universe</span>
                             .FAST was listed by the journals
                             <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
                         </p>
                         <p>The construction of FAST pushed the team to its physical and
-                            <span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
+                            <span class="word-bc">intellectual </span>
                             limits,including
                             creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of
                             28,Yao Rui,a researcher behind FAST鈥檚 feed
-                            <span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
+                            <span class="word-bc" >cabin</span>
                             ,was responsible for creating the 鈥�
-                            <span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>鈥� of
+                            <span class="word-bc" >pupil</span>鈥� of
                             the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing
                             the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving
                             enough room to fill it with as much
-                            <span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
+                            <span class="word-bc" >complex</span>
                             and sensitive equipment as possible.Yao鈥檚
                             solution was to change the shape of the cabin to a
-                            <span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
+                            <span class="word-bc">diamond</span>
                             structure.The redesign was
-                            <span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
+                            <span class="word-bc">daring</span>
                             ,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
                             problems,because wherever there is a problem,there is a chance for further research,鈥� she
                             said.鈥淎s a young scientist,I am lucky to associate my personal passions with the needs of
@@ -1287,20 +1287,20 @@
                         <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
                             giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only
                             needed to be
-                            <span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
+                            <span class="word-bc" >precise</span>
                             and sensitive in its applications,but it should also be beautiful to
                             look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He
                             spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
-                            <span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
+                            <span class="word-bc">rewar</span>
                             ded him with confidence as he
-                            <span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
+                            <span class="word-bc" >overcame</span>
                             many difficulties and setbacks.
                         </p>
                         <p>The 鈥淪ky Eye鈥� is open to the world and offers more
-                            <span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
+                            <span class="word-bc">observation</span>
                             possibilities to the global
                             scientific
-                            <span class="word-bc" @click="saveWord($event, 'community')">community</span>
+                            <span class="word-bc">community</span>
                             ,contributing Chinese wisdom to building a community of a shared future
                             for humanity.
                         </p>
@@ -3649,9 +3649,6 @@
             } else {
                 return data
             }
-        },
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
         },
         async getPath() {
             this.resource.listenOne = await getResourcePath(
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index 94b76d2..9043046 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -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>
@@ -1808,11 +1808,11 @@
                             sports bra and tying my shoelaces.It鈥檚 time to go running.</p>
                         <p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing
                             better than a
-                            <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
+                            <span class="word-bc" >crisp</span>
                             morning,when the air is fresh,the sun is
-                            <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
+                            <span class="word-bc" > peak</span>
                             ing over the
-                            <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
+                            <span class="word-bc">horizon</span>
                             ,and my
                             legs are light.But some days,when an air quality warning shows on my phone,I know running
                             outdoors will be unpleasant.
@@ -1821,32 +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>
@@ -4715,9 +4715,6 @@
         this.getPath();
     },
     methods: {
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
-        },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
         },
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index bdf8778..a5d0bb8 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -349,12 +349,12 @@
             </p>
             <p>
               Gone are those times when
-              <span class="word-bc" @click="saveWord($event, 'candidates')"
+              <span class="word-bc"
                 >andidates</span
               >
               only considered the salary at the time of joining a
               company.Nowadays,apart from the job
-              <span class="word-bc" @click="saveWord($event, 'prospect')"
+              <span class="word-bc"
                 >prospect</span
               >
               itself,one factor that is greatly influencing how employees feel
@@ -368,24 +368,24 @@
             </p>
             <p>
               An effective way to
-              <span class="word-bc" @click="saveWord($event, 'ensure')"
+              <span class="word-bc" 
                 >ensure</span
               >
               a positive work environment is to motivate employees for a correct
-              <span class="word-bc" @click="saveWord($event, 'behavioral')"
+              <span class="word-bc" 
                 >behavioral</span
               >&nbsp;
-              <span class="word-bc" @click="saveWord($event, 'approach')"
+              <span class="word-bc" 
                 >approach</span
               >
               .Good behavior also
-              <span class="word-bc" @click="saveWord($event, 'determines')"
+              <span class="word-bc" 
                 >determines</span
               >
               good and peaceful environment.Another way is to ensure healthy
               relationships among the staff; that is why communication is quite
               necessary.Keeping an eye on staff
-              <span class="word-bc" @click="saveWord($event, 'interaction')"
+              <span class="word-bc" 
                 >interaction</span
               >
               doesn鈥檛 cost much time for the management team.They only
@@ -421,34 +421,34 @@
               the message from the behavior of the management team,so the
               management team should also be aware of the power of their
               behavior and always
-              <span class="word-bc" @click="saveWord($event, 'maintain')"
+              <span class="word-bc" 
                 >maintain</span
               >
               &nbsp;
-              <span class="word-bc" @click="saveWord($event, 'dignity')"
+              <span class="word-bc" 
                 >dignity</span
               >.
             </p>
             <p>
               Another important way to make a great work environment for a
               company is to show
-              <span class="word-bc" @click="saveWord($event, 'appreciation')"
+              <span class="word-bc" 
                 >appreciation</span
               >
               of
-              <span class="word-bc" @click="saveWord($event, 'outstanding')"
+              <span class="word-bc" 
                 >outstanding</span
               >
               employees.Workers are more likely to stay in the company,work hard
               and provide years of excellent service when knowing that they have
               a clear opportunity for
-              <span class="word-bc" @click="saveWord($event, 'advancement')">
+              <span class="word-bc" >
                 advancement</span
               >
               .When employees know they are valued,they tend to return the favor
               by being the best at their job.A positive work environment is a
               place that promises to advance
-              <span class="word-bc" @click="saveWord($event, 'gifted')"
+              <span class="word-bc" 
                 >gifted</span
               >
               employees and keep that promise.
@@ -457,16 +457,16 @@
               The work environment can greatly influence how the employees feel
               about their jobs.Because of this,it鈥檚 important to find an
               employer that
-              <span class="word-bc" @click="saveWord($event, 'fosters')"
+              <span class="word-bc" 
                 >fosters</span
               >
               a positive atmosphere and encourages employees
-              <span class="word-bc" @click="saveWord($event, 'consistently')"
+              <span class="word-bc" 
                 >consistently</span
               >
               .A positive work environment can improve employees鈥�
               happiness,increase the
-              <span class="word-bc" @click="saveWord($event, 'productivity')"
+              <span class="word-bc" 
                 >productivity</span
               >
               and motivate those around them.
@@ -1075,57 +1075,46 @@
               <p class="dl-box">
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'direct')"
                   >relationship</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'communication')"
                   >communication</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'productivity')"
                   >productivity</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'respect')"
                   >respect</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'pleasure')"
                   >pleasure</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'professional')"
                   >professional</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'team spirit')"
                   >team spirit</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'job satisfaction')"
                   >job satisfaction</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'personal development')"
                   >personal development</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'job prospect')"
                   >job prospect</span
                 >
                 <span
                   class="word-bc mr-20 dl-span"
-                  @click="saveWord($event, 'modern decor')"
                   >modern decor</span
                 >
               </p>
@@ -1465,16 +1454,16 @@
             </p>
             <p>
               Often,a company uses its
-              <span class="word-bc" @click="saveWord($event, 'core')"
+              <span class="word-bc" 
                 >core</span
               >
               values,including its mission,to guide the creation of these
               codes.These guidelines
-              <span class="word-bc" @click="saveWord($event, 'outline')"
+              <span class="word-bc" 
                 >outline</span
               >
               how the organization operates,how employees
-              <span class="word-bc" @click="saveWord($event, 'conduct')"
+              <span class="word-bc" 
                 >conduct</span
               >
               themselves daily,and how they work with others on behalf of the
@@ -1484,7 +1473,7 @@
               You can usually find a company鈥檚 code of conduct in an employee
               handbook.Each company has different rules in its code of
               conduct,and each company has its own policies for
-              <span class="word-bc" @click="saveWord($event, 'enforcing')"
+              <span class="word-bc" 
                 >enforcing</span
               >
               this code.
@@ -1530,26 +1519,26 @@
               </p>
               <p>
                 1.Honesty and
-                <span class="word-bc" @click="saveWord($event, 'integrity')"
+                <span class="word-bc" 
                   >integrity</span
                 >
                 .Above all,treat clients fairly.
               </p>
               <p>
                 2.Maintain the good
-                <span class="word-bc" @click="saveWord($event, 'reputation')"
+                <span class="word-bc" 
                   >reputation</span
                 >
                 of the company.
               </p>
               <p>
                 3.
-                <span class="word-bc" @click="saveWord($event, 'Conflicts')"
+                <span class="word-bc" 
                   >Conflicts</span
                 >
                 and interest.Manage conflicts of interest fairly and do not act
                 in a manner
-                <span class="word-bc" @click="saveWord($event, 'inconsistent')"
+                <span class="word-bc" 
                   >inconsistent</span
                 >
                 with the company mission and values.
@@ -1559,11 +1548,11 @@
               </p>
               <p>
                 5.Advertising.Products should not be
-                <span class="word-bc" @click="saveWord($event, 'advertised')"
+                <span class="word-bc" 
                   >advertised</span
                 >
                 in a
-                <span class="word-bc" @click="saveWord($event, 'misleading')"
+                <span class="word-bc" 
                   >misleading</span
                 >
                 way.
@@ -1581,11 +1570,11 @@
               </p>
               <p>
                 6.
-                <span class="word-bc" @click="saveWord($event, 'Competence')"
+                <span class="word-bc" 
                   >Competence</span
                 >
                 .Advise clients only on matters in which they are
-                <span class="word-bc" @click="saveWord($event, 'competent')"
+                <span class="word-bc" 
                   >competent</span
                 >
                 .
@@ -1600,7 +1589,7 @@
               </p>
               <p>
                 9.
-                <span class="word-bc" @click="saveWord($event, 'Suitability')"
+                <span class="word-bc" 
                   >Suitability</span
                 >
                 of advice.Advice should be suitable for the clients鈥� needs.
@@ -1608,7 +1597,7 @@
               <p>
                 10.Activities.Do not engage in activities that will bring direct
                 or indirect profit to a
-                <span class="word-bc" @click="saveWord($event, 'competitor')"
+                <span class="word-bc" 
                   >competitor</span
                 >.
               </p>
@@ -1629,25 +1618,25 @@
               </p>
               <p>
                 12.Professional
-                <span class="word-bc" @click="saveWord($event, 'discipline')"
+                <span class="word-bc" 
                   >discipline</span
                 >
                 .Organize business in a responsible and effective way.
               </p>
               <p>
                 13.Company guidance.Be familiar and seek to
-                <span class="word-bc" @click="saveWord($event, 'observe')"
+                <span class="word-bc" 
                   >observe</span
                 >
                 the company
-                <span class="word-bc" @click="saveWord($event, 'guidance')"
+                <span class="word-bc" 
                   >guidance</span
                 >
                 .
               </p>
               <p>
                 14.
-                <span class="word-bc" @click="saveWord($event, 'Complaints')"
+                <span class="word-bc" 
                   >Complaints</span
                 >
                 .Handle the complaints fairly and quickly.
@@ -4392,9 +4381,6 @@
         } else {
             return data
         }
-    },
-    saveWord(event, word) {
-      this.$emit("saveCharacters", event, word);
     },
     async getPath() {
       this.resource.listenOne = await getResourcePath(
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 67e0f57..3eaadc5 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -369,10 +369,10 @@
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 ></audio></p>
                         <p>Working on high-
-                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+                            <span class="word-bc" >voltage</span>
                             power lines is considered by many as a high-risk job.But for some
                             people it鈥檚 a daily
-                            <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+                            <span class="word-bc" >routine</span>
                             .
                         </p>
                         <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
@@ -380,9 +380,9 @@
                             company.</p>
                         <p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
                             because at the moment of
-                            <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+                            <span class="word-bc" >contact</span>
                             ...500 000 volts of
-                            <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+                            <span class="word-bc">electricity</span>
                             hit the gloves,鈥� recalled
                             Wang.
                         </p>
@@ -390,14 +390,14 @@
                             remote areas.</p>
                         <p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
                             hot.Wearing
-                            <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+                            <span class="word-bc" >protective</span>
                             clothes in such weather,Wang felt
-                            <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+                            <span class="word-bc" >dizzy</span>
                             even before he started the
                             shift.
                         </p>
                         <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-
-                            <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
+                            <span class="word-bc">transmission</span>
                             line.The power transmitted by this line was almost one-tenth of the total power in the
                             entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
                             of China鈥檚 highest national honors鈥攆or his excellent performance.
@@ -405,28 +405,28 @@
                         <p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
                             innovation center to address new challenges.</p>
                         <p>They have introduced more technologies including the use of drones for line
-                            <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+                            <span class="word-bc" >inspection</span>
                             and
-                            <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
+                            <span class="word-bc" >maintenance</span>
                             .They have 240 drones and 80 operators,and they want to create an
                             unmanned,\
-                            <span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
+                            <span class="word-bc" >digital</span>
                             and
-                            <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
+                            <span class="word-bc" >intelligent</span>
                             line inspection system.
                         </p>
                         <p>Wang is now a father of two.His family gave him the biggest support.His
-                            <span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
+                            <span class="word-bc" >dedication</span>
                             has made
                             him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
-                            <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
+                            <span class="word-bc" >achieved</span>
                             achieved more than 30 technological innovations.
                         </p>
                         <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
-                            <span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
+                            <span class="word-bc" >construction</span>
                             in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
                             voltage and the biggest transmission
-                            <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+                            <span class="word-bc">capacity</span>
                             in the world.Thanks to technicians like Wang
                             and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
                         </p>
@@ -867,21 +867,21 @@
                         <div class="bk-wh">
                             <p class="dl-box">
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'strong-willed')">strong-willed</span>
+                                    >strong-willed</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'motivated')">motivated</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'active')">active</span>
+                                    >motivated</span>
+                                <span class="word-bc mr-20 dl-span">active</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'cooperative')">cooperative</span>
+                                    >cooperative</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'stressful')">stressful</span>
+                                    >stressful</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'disciplined')">disciplined</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'helpful')">helpful</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dutiful')">dutiful</span>
+                                    >disciplined</span>
+                                <span class="word-bc mr-20 dl-span" >risky</span>
+                                <span class="word-bc mr-20 dl-span" >helpful</span>
+                                <span class="word-bc mr-20 dl-span" >dutiful</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'enthusiastic')">enthusiastic</span>
+                                >enthusiastic</span>
                             </p>
                         </div>
                         <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
@@ -1222,16 +1222,16 @@
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 ></audio></p>
                         <p>Work ethic is a set of standards of behavior and beliefs 
-                            <span class="word-bc" @click="saveWord($event, 'regard')">regarding</span>
+                            <span class="word-bc" word="regard" >regarding</span>
                              what is and isn鈥檛
                             acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                             views of employees,their motivation,and overall company culture.</p>
                         <p>Next,we鈥檒l review some common examples of both strong and poor work ethic.</p>
                         <p><b>Example</b> 1</p>
                         <p>Angela鈥檚 director asked her to sort out data about the patients and
-                            <span class="word-bc" @click="saveWord($event, 'insurance')">insurance</span>
+                            <span class="word-bc" >insurance</span>
                             .Unfortunately,Angela isn鈥檛 very familiar with processing certain insurance 
-                            <span class="word-bc" @click="saveWord($event, 'claim')">claims</span>
+                            <span class="word-bc" word="claim">claims</span>
                             .
                         </p>
                         <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
@@ -1239,18 +1239,18 @@
                         <p>In the process,she expands her skills to make sure she meets her goals.</p>
                         <p><b>Example</b> 2</p>
                         <p>Jim鈥檚 director asked him to review the financial reports from last quarter to look for
-                            <span class="word-bc" @click="saveWord($event, 'purchas')">purchases</span>
+                            <span class="word-bc" word="purchas" >purchases</span>
                              from one guest.The director gave him this task about a month ago and asked him to
                             complete it within a few weeks.</p>
                         <p>Now,a month has passed,but Jim still hasn鈥檛 reviewed any of the reports.Rather than starting
                             early,he leaves it to the last minute and turns in an incomplete report.</p>
                         <p><b>Example</b> 3</p>
                         <p>Sheila is sometimes 
-                            <span class="word-bc" @click="saveWord($event, 'bother')">bothered</span>
+                            <span class="word-bc" word="bother" >bothered</span>
                              by the tasks assigned by her director.However,she never
-                            <span class="word-bc" @click="saveWord($event, 'address')">addresses</span>
+                            <span class="word-bc" word="address" >addresses</span>
                             her 
-                            <span class="word-bc" @click="saveWord($event, 'complaint')">complaints</span>
+                            <span class="word-bc" word="complaint" >complaints</span>
                              to the director.Instead,she complains to her coworkers,friends,and
                         </p>
                     </div>
@@ -1284,7 +1284,7 @@
                         <p>Instead of trying hard to change the current situation,he makes various excuses for being
                             late.</p>
                         <p>His 
-                            <span class="word-bc" @click="saveWord($event, 'constant')">constant</span>
+                            <span class="word-bc" >constant</span>
                              delay shows a lack of respect for his job and coworkers.His coworkers think of
                             him as being unreliable and irresponsible as a result.</p>
                         <p>The above examples represent a set of working attitudes that regulate employees鈥� behavior at
@@ -3523,9 +3523,6 @@
                 flag = answer.indexOf(data) > -1 ? true : false;
             }
             return flag;
-        },
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
         },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index dfea12a..b9ed8bd 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -315,12 +315,12 @@
                                 controlslist="noplaybackrate nodownload" class="audio"></audio></p>
                         <p>Everyone鈥檚 first job is special.There are a couple of reasons for this:the experience is
                             burned into one鈥檚 memory; it gives you the practice needed to
-                            <span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
+                            <span class="word-bc">fulfill</span>
                             other positions; and
                             it teaches you about the value of money.
                         </p>
                         <p>When I was sixteen years old,I wanted to buy a new speed
-                            <span class="word-bc" @click="saveWord($event, 'cube')">cube</span>
+                            <span class="word-bc">cube</span>
                             ,but I did not have any money.My
                             parents were not the type of people to give money to me out of nowhere,or even for work done
                             at home.I had to find work in order to purchase one.
@@ -348,40 +348,40 @@
                 <div class="padding-93">
                     <div class="bodystyle">
                         <p>So,I
-                            <span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
+                            <span class="word-bc" >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" @click="saveWord($event, 'elderly')">elderly</span>
+                            <span class="word-bc">elderly</span>
                             people,who needed help in their yards.I went to the
                             oldest person I knew in my
-                            <span class="word-bc" @click="saveWord($event, 'neighbourhood')">neighbourhood</span>
+                            <span class="word-bc" >neighbourhood</span>
                             ,Mrs.Hudson.She was over eighty years old,and could
                             not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
                             her door,building up enough courage to ask her for work.She answered that indeed she needed
                             help in her garden.
                         </p>
                         <p>My first job was to pull out
-                            <span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
+                            <span class="word-bc">weeds</span>
                             .I got down on my knees with
-                            <span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
+                            <span class="word-bc" >foam</span>
                             protectors and began to
                             pull out weeds one by one in her front yard and backyard.After this
-                            <span class="word-bc" @click="saveWord($event, 'tedious')">tedious</span>
+                            <span class="word-bc" >tedious</span>
                             task,I
-                            <span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
+                            <span class="word-bc" >mowed</span>
                             her
-                            <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
+                            <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
                             how much I would get paid,and she said,鈥淚 will give you $5 an hour.鈥� It was less than I
                             thought I would get paid,but at least I had a job and the money for my cube.
                         </p>
                         <p>I think everyone should get down on one鈥檚 knees and pull weeds.I think everyone should feel
                             the burning sun on one鈥檚 back as they mow.It seems these experiences
-                            <span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
+                            <span class="word-bc" >harden</span>
                             spirits and
-                            <span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
+                            <span class="word-bc" >resolve</span>
                             .Besides this,a first job like this teaches you the value of money,and as
-                            <span class="word-bc" @click="saveWord($event, 'sweat')">sweat</span>
+                            <span class="word-bc" >sweat</span>
                             turned into the 鈥渃ube鈥�,it is something no one can take away.
                         </p>
                         <p class="fl al-cn mt-40">
@@ -998,23 +998,23 @@
                         <div class="bk-wh">
                             <p class="dl-box">
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'dangerous')">dangerous</span>
+                                    >dangerous</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'demanding')">demanding</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'dull')">dull</span>
+                                    >demanding</span>
+                                <span class="word-bc mr-20 dl-span" >dull</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'exciting')">exciting</span>
+                                    >exciting</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'repetitive')">repetitive</span>
-                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'risky')">risky</span>
+                                    >repetitive</span>
+                                <span class="word-bc mr-20 dl-span" >risky</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'satisfying')">satisfying</span>
+                                   >satisfying</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'stimulating')">stimulating</span>
+                                    >stimulating</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'stressful')">stressful</span>
+                                    >stressful</span>
                                 <span class="word-bc mr-20 dl-span"
-                                    @click="saveWord($event, 'voluntary')">voluntary</span>
+                                    >voluntary</span>
                             </p>
 
                             <p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
@@ -1316,7 +1316,7 @@
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                 class="audio"></audio></p>
                         <p>We spend a large
-                            <span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
+                            <span class="word-bc" >portion</span>
                             of our lives working,so how we spend those years matters.It is
                             beneficial to find a career that will bring satisfaction and happiness rather than find one
                             based on income.
@@ -1348,13 +1348,13 @@
                         <p>When we have a job that we love,we are more productive and satisfied.There is more passion to
                             get up in the morning and begin working.There are more positive emotions associated with
                             doing something we care about.Sometimes people choose a certain
-                            <span class="word-bc" @click="saveWord($event, 'profession')">profession</span>
+                            <span class="word-bc" >profession</span>
                             because of past
                             experiences.
                         </p>
                         <p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
                             be a doctor because someone they knew was ill.Someone may choose to be a
-                            <span class="word-bc" @click="saveWord($event, 'vet')">vet</span>
+                            <span class="word-bc" >vet</span>
                             because they
                             care about animals.These past experiences may influence a career,and the career may provide
                             more satisfaction and a sense of purpose.
@@ -1362,31 +1362,31 @@
                         <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" @click="saveWord($event, 'outcomes')">outcomes</span>
+                            <span class="word-bc" >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" @click="saveWord($event, 'necessities')">necessities</span>
+                            <span class="word-bc" >necessities</span>
                             like food,water,clothes,and
-                            <span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
+                            <span class="word-bc" >shelter</span>
                             .It can also provide
-                            <span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
+                            <span class="word-bc" >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
-                            <span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
+                            <span class="word-bc">baseline</span>
                             state shortly after.Every
                             individual鈥檚 needs are different,but we can sometimes play a part in our
-                            <span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
+                            <span class="word-bc" >emotional</span>
                             state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.
                         </p>
                         <p>Having a career that we are
-                            <span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
+                            <span class="word-bc" >passionate</span>
                             about,one that gives our life a sense of purpose,and
                             one that we are
-                            <span class="word-bc" @click="saveWord($event, 'comfortable')">comfortable</span>
+                            <span class="word-bc" >comfortable</span>
                             with is important.Finding a career shouldn鈥檛 be based on income
                             or forced.We spend a huge amount of our lives working,so we should spend this time doing
                             something we are passionate about.
@@ -3796,9 +3796,6 @@
                 flag = false
             }
             return flag;
-        },
-        saveWord(event, word) {
-            this.$emit("saveCharacters", event, word);
         },
         setTestData() {
             localStorage.setItem("english-testOne", JSON.stringify(this.testData));
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index ab5952d..d7e827b 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -13,49 +13,41 @@
         :showPageList="loadPageList"
       ></pageHeader>
       <chapterOne
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(2) > -1"
         :showPageList="loadPageList"
       ></chapterOne>
       <chapterTwo
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(3) > -1"
         :showPageList="loadPageList"
       ></chapterTwo>
       <chapterThree
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(4) > -1"
         :showPageList="loadPageList"
       ></chapterThree>
       <chapterFour
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(5) > -1"
         :showPageList="loadPageList"
       ></chapterFour>
       <chapterFive
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(6) > -1"
         :showPageList="loadPageList"
       ></chapterFive>
       <chapterSix
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(7) > -1"
         :showPageList="loadPageList"
       ></chapterSix>
       <chapterSeven
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(8) > -1"
         :showPageList="loadPageList"
       ></chapterSeven>
       <chapterEight
-        @saveCharacters="saveCharacters"
         @initViewer="initViewer"
         v-if="showCatalogList.indexOf(9) > -1"
         :showPageList="loadPageList"
@@ -141,7 +133,8 @@
         setTimeout(() => {
           this.initSwiper();
           this.initViewer();
-          this.closeAudio()
+          this.closeAudio();
+           this.saveWord()
         }, 200);
       },
     },
@@ -212,8 +205,8 @@
     }, 500);
 
     // 娴嬭瘯椤甸潰璺宠浆
-    // setTimeout(() => {
-    //  this.gotoPage(,);
+    //  setTimeout(() => {
+    //   this.gotoPage(6,106);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -873,19 +866,37 @@
       this.gotoPage(data.catalog, data.page, () => {});
     },
     // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳�
-    saveCharacters(event, word) {
-      console.log("鐢熷兓瀛�", event, word);
-      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
-        this.$store.state.qiankun.chooseWords({
-          type: "word",
-          word,
-          x: event.pageX,
-          y: event.pageY,
-        });
+    // saveCharacters(event, word) {
+    //   if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
+    //     this.$store.state.qiankun.chooseWords({
+    //       type: "word",
+    //       word,
+    //       x: event.pageX,
+    //       y: event.pageY,
+    //     });
+    //   }
+    // },
+    saveWord() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".word-bc");
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        dom.addEventListener('click',(e) => {
+          let word = null
+          dom.getAttribute('word') ? word = dom.getAttribute('word') : word = e.srcElement.innerText
+          console.log('鍗曡瘝',word)
+          if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
+            this.$store.state.qiankun.chooseWords({
+              type: "word",
+              word,
+              x: e.pageX,
+              y: e.pageY,
+            });
+          }
+        })
       }
-      // chooseWords
     },
-
     // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
     getAduio() {
       let allVideo = (
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index fb4a8ec..fd91aa9 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -276,6 +276,8 @@
     // },
     // 婊氬姩鐩戝惉
     scrollFun(event) {
+      // 瑙嗛灏忕獥鏂规硶
+      this.handleVideoPicture()
       // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
       if (event.target.scrollTop > this.previousScrollTop) {
         // 鍚戜笅
@@ -918,6 +920,24 @@
           }
         })
       }
+    },
+    // 瑙嗛灏忕獥
+    handleVideoPicture() {
+      let doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".video");
+      doms = Array.from(doms)
+      if(!doms.length) return false
+      const playVudio = doms
+        .reverse()
+        .find((item) => item.paused == false);
+      if(playVudio) {
+        const bottomGap = playVudio.getBoundingClientRect().bottom;
+        const topGap = playVudio.getBoundingClientRect().top;
+        if (bottomGap < 0 || topGap > window.innerHeight) {
+          playVudio.requestPictureInPicture();
+        } 
+      }
     }
   },
   components: {

--
Gitblit v1.9.1