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/chapter004.vue | 201 ++++++++++++++++++++++++++++++++++++++------------
1 files changed, 153 insertions(+), 48 deletions(-)
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 1a99f0b..eb46519 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -21,7 +21,7 @@
</div>
</div>
<!-- 59 -->
- <!-- <div class="page-box" page="65">
+ <div class="page-box" page="65">
<div v-if="showPageList.indexOf(65) > -1">
<ul class="preface-odd-header w100 fl ju-bt">
@@ -32,7 +32,7 @@
VOLUNTEERS</span>
</li>
</ul>
-
+
<div class="padding-93">
<div class="bodystyle">
<h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
@@ -64,11 +64,11 @@
<span class="contet-num-box">59</span>
</div>
</div>
- </div> -->
+ </div>
<!-- 60 -->
- <!-- <div class="page-box" page="66">
+ <div class="page-box" page="66">
<div v-if="showPageList.indexOf(66) > -1">
-
+
<div class="w100 mb-20" style="padding-right: 20px">
<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit4">
@@ -93,17 +93,35 @@
</p>
<p>2.How can robots help humans today in daily life and work?</p>
<p class="center"><b>Robots in Action</b></p>
+ <p class="center">
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+ class="audio" @play="audioPlay"></audio>
+ </p>
<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
- soon be used to study sea creatures up close.These robots can blend right in with underwater
- habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
+ soon be used to study sea
+
+ <span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
+ up close.These robots can
+ <span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
+ blend right in with underwater
+ <span class="word-bc" @click="saveWord($event, 'habitats')">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>
+ look at the latest robots.
+ </p>
<p><b>Super Swimmer</b></p>
- <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
+ <p>The Octobot is perfectly named.Its design is based on the
+ <span class="word-bc" @click="saveWord($event, 'octopus')">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 rubber arms and then snapping them shut.During tests,fish swam
- alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
+ by slowly opening its soft
+ <span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
+ arms and then
+ <span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
+ them shut.During tests,fish swam
+ alongside the Octobot.Researchers can use the robot to study sea creatures.
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
</div>
</div>
@@ -128,30 +146,51 @@
<div class="padding-93">
<div class="bodystyle">
<p><b>See Spot Run</b></p>
- <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play fetch.Boston Dynamics
- created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
+ <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play
+ <span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
+ .Boston Dynamics
+ created the four-legged,160-pound
+ <span class="word-bc" @click="saveWord($event, 'mechanical')">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
- balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
- facilities.</p>
+ <span class="word-bc" @click="saveWord($event, 'balance')">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>
+ and to carry heavy
+ <span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
+ .
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
<p><b>Hotel Helper</b></p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
<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鈥檚 lid and enters the room number onto a
- screen.Guests are always very excited when Mingo arrives with a delivery.</p>
+ asks for an item,a clerk places it in Mingo鈥檚
+ <span class="word-bc" @click="saveWord($event, 'lid')">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 humanoid robots.SoftBank introduced
- Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
- frown,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 company and help teach children.</p>
+ <p>In Japan,scientists are leading the way in creating
+ <span class="word-bc" @click="saveWord($event, 'humanoid')">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>
+ to emotions.If you
+ <span class="word-bc" @click="saveWord($event, 'frown')">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>
+ and help teach children.
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.listenOne" controls
- controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ @play="audioPlay"></audio>
<p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
<div class="bkbj">
<p><i>a living thing that can move around,such as an animal</i></p>
@@ -312,7 +351,7 @@
</div>
<!-- 64 -->
<div class="page-box" page="70">
- <div v-if="showPageList.indexOf(71) > -1">
+ <div v-if="showPageList.indexOf(70) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
@@ -333,7 +372,20 @@
<p>__________________________________________________</p>
<p>4.Food processors are great tools for blending vegetables and fruits.</p>
<p>__________________________________________________</p>
- <p><b>鈪�.Grammar focus:The comparative degree.</b></p>
+ <p><b>鈪�.Grammar focus:The comparative degree.</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.Write the comparative form for each word below.</p>
<p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
<p>B.Fill in the blanks with the correct comparatives from the above.</p>
@@ -456,12 +508,19 @@
</p>
<p>2.What is your dream about space exploration?</p>
<p class="center"><b>Fresh Face of Science</b></p>
+ <p class="center"> <audio :src="resource.listenOne" controls
+ controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></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鈥檚 scientometrics,scientists typically make their
+ <p>According to Zhao Hongzhou,founder of China鈥檚
+ <span class="word-bc" @click="saveWord($event, 'scientometrics')">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 Telescope).Its engineering
+ engineers working on FAST(Five-hundred-meter Aperture Spherical
+ <span class="word-bc" @click="saveWord($event, 'Telescope')">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.</p>
+ 30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
+ </p>
<p>As the world鈥檚 largest radio telescope,it has been </p>
</div>
</div>
@@ -485,38 +544,66 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
- 2016.It has also contributed to helping human beings better understand the origin of fast
- radio
- bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
+ <p>quite helpful in the discovery of around 340
+ <span class="word-bc" @click="saveWord($event, 'pulsars')">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>
+ of fast radio
+ <span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
+ ,extremely brief but powerful flashes in the
+ <span class="word-bc" @click="saveWord($event, 'universe')">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 intellectual limits,including
+ <p>The construction of FAST pushed the team to its physical and
+ <span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
+ limits,including
creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of
- 28,Yao Rui,a researcher behind FAST鈥檚 feed cabin,was responsible for creating the 鈥減upil鈥� of
+ 28,Yao Rui,a researcher behind FAST鈥檚 feed
+ <span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
+ ,was responsible for creating the 鈥�
+ <span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>鈥� of
the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing
the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving
- enough room to fill it with as much complex and sensitive equipment as possible.Yao鈥檚
- solution was to change the shape of the cabin to a diamond structure.The redesign was
- daring,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
+ enough room to fill it with as much
+ <span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
+ and sensitive equipment as possible.Yao鈥檚
+ solution was to change the shape of the cabin to a
+ <span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
+ structure.The redesign was
+ <span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
+ ,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
problems,because wherever there is a problem,there is a chance for further research,鈥� she
said.鈥淎s a young scientist,I am lucky to associate my personal passions with the needs of
- the nation,so I can improve and grow together with the country.鈥�</p>
+ the nation,so I can improve and grow together with the country.鈥�
+ </p>
<p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only
- needed to be precise and sensitive in its applications,but it should also be beautiful to
+ needed to be
+ <span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
+ and sensitive in its applications,but it should also be beautiful to
look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He
spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
- rewarded him with confidence as he overcame many difficulties and setbacks.</p>
- <p>The 鈥淪ky Eye鈥� is open to the world and offers more observation possibilities to the global
- scientific community,contributing Chinese wisdom to building a community of a shared future
- for humanity.</p>
+ <span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
+ ded him with confidence as he
+ <span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
+ many difficulties and setbacks.
+ </p>
+ <p>The 鈥淪ky Eye鈥� is open to the world and offers more
+ <span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
+ possibilities to the global
+ scientific
+ <span class="word-bc" @click="saveWord($event, 'community')">community</span>
+ ,contributing Chinese wisdom to building a community of a shared future
+ for humanity.
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.listenOne" controls
- controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ @play="audioPlay"></audio>
<p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁￠噺瀛�</p>
<div class="bkbj">
<p><i>the science of measuring and analyzing science</i></p>
@@ -704,7 +791,20 @@
_______ it.</p>
<p>4.All drivers _______ their vehicles鈥攅ven when it鈥檚 a self-driving car accident.</p>
<p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
- <p><b>鈪�.Grammar focus:The superlative degree.</b></p>
+ <p><b>鈪�.Grammar focus:The superlative degree.</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>Complete the sentences with the superlative form of the words in the brackets.</p>
<p>1.He is probably the _______ (creative) designer in our company.</p>
<p>2.This automated store offers the _______ (wide) variety of products.</p>
@@ -1006,7 +1106,7 @@
<span class="contet-num-box">76</span>
</div>
</div>
- </div> -->
+ </div>
</div>
</template>
<script>
@@ -1022,13 +1122,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar4-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar4-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne:false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1367,7 +1469,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