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/chapter007.vue |  104 +++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 83 insertions(+), 21 deletions(-)

diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 97ab1f4..11582e9 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -82,34 +82,66 @@
                         <p class="center"><audio :src="resource.readingTwo" controls
                                 controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                 @play="audioPlay"></audio></p>
-                        <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
-                            people it鈥檚 a daily routine.</p>
+                        <p>Working on high-
+                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+                            power lines is considered by many as a high-risk job.But for some
+                            people it鈥檚 a daily
+                            <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+                            .
+                        </p>
                         <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
                             Jin has been in this job for more than 20 years.He is a team leader at an electric power
                             company.</p>
                         <p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
-                            because at the moment of contact ...500 000 volts of electricity hit the gloves,鈥� recalled
-                            Wang.</p>
+                            because at the moment of
+                            <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+                            ...500 000 volts of
+                            <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+                            hit the gloves,鈥� recalled
+                            Wang.
+                        </p>
                         <p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
                             remote areas.</p>
                         <p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
-                            hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
-                            shift.</p>
-                        <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-transmission
+                            hot.Wearing
+                            <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+                            clothes in such weather,Wang felt
+                            <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+                            even before he started the
+                            shift.
+                        </p>
+                        <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-
+                            <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
                             line.The power transmitted by this line was almost one-tenth of the total power in the
                             entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
-                            of China鈥檚 highest national honors鈥攆or his excellent performance.</p>
+                            of China鈥檚 highest national honors鈥攆or his excellent performance.
+                        </p>
                         <p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
                             innovation center to address new challenges.</p>
-                        <p>They have introduced more technologies including the use of drones for line inspection and
-                            maintenance.They have 240 drones and 80 operators,and they want to create an
-                            unmanned,digital and intelligent line inspection system.</p>
-                        <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
+                        <p>They have introduced more technologies including the use of drones for line
+                            <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+                            and
+                            <span class="word-bc" @click="saveWord($event, 'maintenance')">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>
+                            and
+                            <span class="word-bc" @click="saveWord($event, 'intelligent')">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>
+                            has made
                             him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
-                            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 construction
+                            <span class="word-bc" @click="saveWord($event, 'achieved')">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>
                             in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
-                            voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
+                            voltage and the biggest transmission
+                            <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+                            in the world.Thanks to technicians like Wang
                             and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
                         </p>
                     </div>
@@ -138,9 +170,8 @@
                             <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>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
                         <div class="bkbj">
                             <p><i>electrical force measured in volts</i></p>
@@ -302,7 +333,20 @@
                         <p>_________________________________________________________________</p>
                         <p>4.Those employees believe that challenges offer opportunities to learn.</p>
                         <p>_________________________________________________________________</p>
-                        <p><b>鈪�.Grammar focus:The simple past &amp; past perfect tense.</b></p>
+                        <p><b>鈪�.Grammar focus:The simple past &amp; past perfect 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.Pick out two sentences of the simple past tense and the past perfect tense respectively
                             from the passage,and then write them down.</p>
                         <p><b>The simple past tense:</b></p>
@@ -561,7 +605,20 @@
                         <p>3.give up_________________________________________</p>
                         <p>4.turn in_________________________________________</p>
                         <p>5.address ...to ..._____________________________</p>
-                        <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b></p>
+                        <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</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>and</i>,<i>or</i>,or <i>but</i>.</p>
                         <p><b>Examples:</b></p>
                         <div class="fieldset-8">
@@ -885,13 +942,15 @@
     },
     data() {
         return {
-            imgThirteen: require("../../assets/images/grammar.jpg"),
+            imgThirteen: require("../../assets/images/grammar7-1.png"),
+            imgThirteenOne: require("../../assets/images/grammar7-2.png"),
             showAnswerOne: false,
             showAnswerTwo: false,
             showAnswerThree: false,
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
+            showImgOne: false,
             showQuestionAnswer: false,
             rawData: {
                 left: [
@@ -1254,7 +1313,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