Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

2024-07-26 bd4d2df3c20c2baea23567f57556a70a38e1960d

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 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’an 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,“Hey,Alison.What are all these?” She
              replied,“Hello,Vanessa.I received my packages from the delivery
              man.I’ve 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’t 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’ve been in China for several
              years and witnessed China’s
              <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));
    },

 src/books/English/view/components/chapter002.vue

@@ -471,20 +471,20 @@
            <p>
              It is not a secret that a company’s 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
              “hidden”side,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 “court”.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’t 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’s 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’s 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 “togetherness” rather than introducing
              “myself” 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 —more 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 —more serious at work,fitter self
              —thanks 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.“In 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 —for 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 “Paying Tribute to the People”.It is this
              country and its people that made the Olympics happen.I’m as tearful as usual for now I’m 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));
    },

 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’re 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’ve developed these qualities and
@@ -524,17 +524,17 @@
                        <p>
                            What’s 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’ve 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,“If you go for
                            <span class="word-bc" @click="saveWord($event, 'training')">training</span>
                            <span class="word-bc" >training</span>
                            ,don’t 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,“What do you think
                            you’re doing? You should be sitting with the women.” And she said
@@ -1861,9 +1861,9 @@
                        </p>
                        <p>
                            I’ll end the passage with a
                            <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
                            <span class="word-bc" >quotation</span>
                            from Gandhi:“First 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));

 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’t 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’s
                            <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’s
                            <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 “Sky Eye”.At the age of
                            28,Yao Rui,a researcher behind FAST’s 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 “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
                            the cabin’s 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’s
                            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.“I’m not worried about
                            problems,because wherever there is a problem,there is a chance for further research,” she
                            said.“As 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’s 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.“He 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 “Sky 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(

 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’s time to go running.</p>
                        <p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s 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’m 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’t 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’ve learned recently is that the food we
                            eat doesn’t 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—but 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’s 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));
        },

 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’t 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’s 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’s 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(

 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’s 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.“I 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’s 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’s 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—one
                            of China’s highest national honors—for his excellent performance.
@@ -405,28 +405,28 @@
                        <p>China’s 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’s 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’t 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’t
                            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’ll review some common examples of both strong and poor work ethic.</p>
                        <p><b>Example</b> 1</p>
                        <p>Angela’s 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’t 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’s 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’t 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));

 src/books/English/view/components/chapter008.vue

@@ -315,12 +315,12 @@
                                controlslist="noplaybackrate nodownload" class="audio"></audio></p>
                        <p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
                            burned into one’s 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>
                            —front 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,“I 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’s knees and pull weeds.I think everyone should feel
                            the burning sun on one’s 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 “cube”,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’t spend a lot of time worrying about where we should be.Things will fall into
                            place as they are meant to.There isn’t one correct path and everyone’s 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’t 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’t 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’s 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’t 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’t 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));

 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 = (

 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: {