From 3bc1c9bc880697288e5be99f8a25fd6373651bc3 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 七月 2024 18:51:17 +0800
Subject: [PATCH] 英语(图片显示)

---
 src/books/English/view/components/chapter008.vue |  155 +++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 119 insertions(+), 36 deletions(-)

diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index d7943a9..60811f7 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -81,11 +81,17 @@
                         <p class="center"> <audio :src="resource.listenOne" controls
                                 controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                         <p>Everyone鈥檚 first job is special.There are a couple of reasons for this:the experience is
-                            burned into one鈥檚 memory; it gives you the practice needed to fulfill 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 cube,but I did not have any money.My
+                            burned into one鈥檚 memory; it gives you the practice needed to
+                            <span class="word-bc" @click="saveWord($event, 'fulfill')">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>
+                            ,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.</p>
+                            at home.I had to find work in order to purchase one.
+                        </p>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -108,21 +114,43 @@
                 <!-- 鍐呭 -->
                 <div class="padding-93">
                     <div class="bodystyle">
-                        <p>So,I inquired as to who could give me work around town.I lived in the town of Woodway,which
-                            had enough people,especially elderly people,who needed help in their yards.I went to the
-                            oldest person I knew in my neighbourhood,Mrs.Hudson.She was over eighty years old,and could
+                        <p>So,I
+                            <span class="word-bc" @click="saveWord($event, 'inquired')">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>
+                            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>
+                            ,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 weeds.I got down on my knees with foam protectors and began to
-                            pull out weeds one by one in her front yard and backyard.After this tedious task,I mowed her
-                            lawn鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
+                            help in her garden.
+                        </p>
+                        <p>My first job was to pull out
+                            <span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
+                            .I got down on my knees with
+                            <span class="word-bc" @click="saveWord($event, 'foam')">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>
+                            task,I
+                            <span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
+                            her
+                            <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
+                            鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
                             how much I would get paid,and she said,鈥淚 will give you $5 an hour.鈥� It was less than I
-                            thought I would get paid,but at least I had a job and the money for my cube.</p>
+                            thought I would get paid,but at least I had a job and the money for my cube.
+                        </p>
                         <p>I think everyone should get down on one鈥檚 knees and pull weeds.I think everyone should feel
-                            the burning sun on one鈥檚 back as they mow.It seems these experiences harden spirits and
-                            resolve.Besides this,a first job like this teaches you the value of money,and as sweat
-                            turned into the 鈥渃ube鈥�,it is something no one can take away.</p>
+                            the burning sun on one鈥檚 back as they mow.It seems these experiences
+                            <span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
+                            spirits and
+                            <span class="word-bc" @click="saveWord($event, 'resolve')">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>
+                            turned into the 鈥渃ube鈥�,it is something no one can take away.
+                        </p>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
@@ -307,7 +335,20 @@
                         <p>4.Wang Yaping with resolve won her family鈥檚 support to be the first woman in China鈥檚 new
                             space station.</p>
                         <p>____________________________________________________</p>
-                        <p><b>鈪�.Grammar focus:The simple present &amp; past tense.</b></p>
+                        <p><b>鈪�.Grammar focus:The simple present &amp; past tense.</b>
+                            <span class="btn-box" @click="showAnswer('showImg')">
+                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                                        p-id="30865"></path>
+                                </svg>
+                            </span>
+                        </p>
+                        <div class="openImgBox" v-if="showImg">
+                            <img class="w100" :src="imgThirteen" />
+                        </div>
                         <p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
                             the past or the present.</p>
                         <p>锛坧resent锛�1.Everyone鈥檚 first job <span class="u">is</span> special.</p>
@@ -415,7 +456,6 @@
                         <p><b>In reality,it looks more like:</b></p>
                         <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
                         <h3 id="c069"><span class="bjh3">Reading</span></h3>
-
                         <p>1.Working hard is only the first part of success.Making good choices is the second part.It
                             truly takes both to achieve success at whatever you do.What鈥檚 your interpretation of the
                             sentence?</p>
@@ -424,9 +464,12 @@
                         <p class="center"><audio :src="resource.readingTwo" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 @play="audioPlay"></audio></p>
-                        <p>We spend a large portion of our lives working,so how we spend those years matters.It is
+                        <p>We spend a large
+                            <span class="word-bc" @click="saveWord($event, 'portion')">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.</p>
+                            based on income.
+                        </p>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -453,33 +496,56 @@
                             said.</p>
                         <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 profession because of past
-                            experiences.</p>
+                            doing something we care about.Sometimes people choose a certain
+                            <span class="word-bc" @click="saveWord($event, 'profession')">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 vet because they
+                            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>
+                            because they
                             care about animals.These past experiences may influence a career,and the career may provide
-                            more satisfaction and a sense of purpose.</p>
+                            more satisfaction and a sense of purpose.
+                        </p>
                         <p>We shouldn鈥檛 spend a lot of time worrying about where we should be.Things will fall into
                             place as they are meant to.There isn鈥檛 one correct path and everyone鈥檚 life is different.We
-                            may face challenges that bring greater outcomes later on.</p>
+                            may face challenges that bring greater
+                            <span class="word-bc" @click="saveWord($event, 'outcomes')">outcomes</span>
+                            later on.
+                        </p>
                         <p>Some may argue that they need more money to survive and be happy.It is true that we need
                             money to survive,but after a certain amount it doesn鈥檛 give us any more happiness.It can
-                            provide necessities like food,water,clothes,and shelter.It can also provide luxuries like
+                            provide
+                            <span class="word-bc" @click="saveWord($event, 'necessities')">necessities</span>
+                            like food,water,clothes,and
+                            <span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
+                            .It can also provide
+                            <span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
+                            like
                             vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
-                            enjoyment doesn鈥檛 last forever.We usually return to our baseline state shortly after.Every
-                            individual鈥檚 needs are different,but we can sometimes play a part in our emotional
-                            state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.</p>
-                        <p>Having a career that we are passionate about,one that gives our life a sense of purpose,and
-                            one that we are comfortable with is important.Finding a career shouldn鈥檛 be based on income
+                            enjoyment doesn鈥檛 last forever.We usually return to our
+                            <span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
+                            state shortly after.Every
+                            individual鈥檚 needs are different,but we can sometimes play a part in our
+                            <span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
+                            state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.
+                        </p>
+                        <p>Having a career that we are
+                            <span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
+                            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>
+                            with is important.Finding a career shouldn鈥檛 be based on income
                             or forced.We spend a huge amount of our lives working,so we should spend this time doing
-                            something we are passionate about.</p>
+                            something we are passionate about.
+                        </p>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <p class="center"> <audio :src="resource.readingTwo" controls
-                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                         <p>portion /藞p蓴藧蕛n/ <i>n.</i>閮ㄥ垎</p>
                         <div class="bkbj">
                             <p><i>one part of sth.larger</i></p>
@@ -638,7 +704,19 @@
                         <p>3.Anyone hired into the company must___________the system.</p>
                         <p>4.You must accept___________the blame for this crisis.</p>
                         <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
-                        <p><b>鈪�.Grammar focus:Pronouns (it,one).</b></p>
+                        <p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
+                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                                        p-id="30865"></path>
+                                </svg>
+                            </span>
+                        </p>
+                        <div class="openImgBox" v-if="showImgOne">
+                            <img class="w100" :src="imgThirteenOne" />
+                        </div>
                         <p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
                         <p><b>Examples:</b></p>
                         <div class="fieldset-2">
@@ -935,13 +1013,15 @@
     },
     data() {
         return {
-            imgThirteen: require("../../assets/images/grammar.jpg"),
+            imgThirteen: require("../../assets/images/grammar8-1.png"),
+            imgThirteenOne: require("../../assets/images/grammar8-2.png"),
             showAnswerOne: false,
             showAnswerTwo: false,
             showAnswerThree: false,
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
+            showImgOne: false,
             showQuestionAnswer: false,
             rawData: {
                 left: [
@@ -1304,7 +1384,10 @@
         showAnswer(type) {
             if (type == "showImg") {
                 this.showImg = !this.showImg;
+            } else if (type == "showImgOne") {
+                this.showImgOne = !this.showImgOne;
             }
+            setTimeout(() => { this.$emit("initViewer", "") }, 500)
         },
         handleQuestion(type) {
             if (type == "one") {

--
Gitblit v1.9.1