testbookLayout.git

			@@ -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">
			@@ -64,9 +64,9 @@
			<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">
			@@ -80,12 +80,16 @@

			<div class="padding-93">
			<div class="bodystyle">
			<h3 id="c029"><span class="bjh3">Listening</span></h3>
			<h3 id="c029" class="fl al-cn">
			<span class="bjh3">Listening</span>
			<!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
			class="audio"></audio>
			</h3>

			<p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
			</p>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
			<matching :rawData="rawData" :question="question"></matching>
			<h3 id="c030"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			@@ -93,17 +97,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 +150,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’t 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’t 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’s 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’s
			<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 +355,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,9 +376,59 @@
			<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>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-lf" style="width: 33%;">l. often →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc ">
			<td class="tl-lf">4. early →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">5. heavy →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">6. late →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-lf">7. dangerous →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">8. thin →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" /></td>
			<td class="tl-lf">9. far →<input :disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />
			</td>
			</tr>
			</table>
			<p>B.Fill in the blanks with the correct comparatives from the above.</p>
			<p>1.The new car model may be launched _______ than expected.</p>
			<p>2.The higher we go above the earth,the _______ the air is.</p>
			@@ -376,7 +469,37 @@
			<div class="padding-93">
			<div class="bodystyle">
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0075-1.jpg" /></p>
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">The differences between humanoid robotsand human beings
			</td>
			<td class="tl-lf">
			<p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">
			The things that robots can't do but humans
			</td>
			<td>
			<p class="table-p">1. Do creative work.</p>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">
			The functions of your designed robot
			</td>
			<td>
			<p class="table-p">1. Fold clothes for you.</p>
			<textarea v-model="questionData.table.nineteen"
			class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
			</td>
			</tr>
			</table>
			<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
			<div class="bk-wh">
			<p>physical　complex　social　relationship　feeling　emotion　empathy　thought　tireless　creative
			@@ -450,18 +573,23 @@
			<p><i>It appears that most students</i>…</p>
			<p><i>What surprised me is that</i>…</p>
			<h3 id="c033"><span class="bjh3">Reading</span></h3>
			<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
			@play="audioPlay"></audio>
			<p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
			</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’s scientometrics,scientists typically make their
			<p>According to Zhao Hongzhou,founder of China’s
			<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’s largest radio telescope,it has been </p>
			</div>
			</div>
			@@ -485,38 +613,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 “Sky Eye”.At the age of
			28,Yao Rui,a researcher behind FAST’s feed cabin,was responsible for creating the “pupil” of
			28,Yao Rui,a researcher behind FAST’s 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 “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 complex and sensitive equipment as possible.Yao’s
			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.“I’m 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’s
			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.“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
			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’s 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.“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
			rewarded him with confidence as he overcame many difficulties and setbacks.</p>
			<p>The “Sky 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 “Sky 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>
			@@ -651,7 +807,45 @@
			<div class="bk-wh">
			<p>15　28　30　38　39　340　2016</p>
			</div>
			<p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
			<p class="center">
			<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">The FAST Team</td>
			<td style="width: 65%;">
			<p class="table-p">
			The engineering and operation team has an average age of 1.
			while the on-site team has an average age of 2.
			</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Achievements</td>
			<td style="width: 65%;">
			<p class="table-p">He would like to provide the world's 5.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />people.</p>
			</td>
			</tr>
			<tr class="table-tr-bc">
			<td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
			<td style="width: 65%;">
			<p class="table-p">He would like to provide the world's 5.<input
			:disabled="testData.isComplete" type="text"
			class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />least developed countries
			with engineers.</p>
			<p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
			type="text" class="input-bottom-border input-bc-t" style="width: 70px"
			v-model="testData.in.one" @change="setTestData" />people.</p>
			</td>
			</tr>
			</table>
			</p>
			<p>B.Decide whether the following statements are true (T) or false (F).</p>
			<p>(　) 1.According to Zhao Hongzhou’s analysis,scientists usually make their greatest
			achievements before the age of 45.</p>
			@@ -704,7 +898,20 @@
			_______ it.</p>
			<p>4.All drivers _______ their vehicles—even when it’s 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 +1213,7 @@
			<span class="contet-num-box">76</span>
			</div>
			</div>
			</div> -->
			</div>
			</div>
			</template>
			<script>
			@@ -1022,50 +1229,60 @@
			},
			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: [
			{
			oldId: "FB34",
			txt: "Martin　　　　Silk",
			txt: "1. My phone",
			},
			{
			oldId: "64D6",
			txt: "Jessica　　The Great Wall",
			txt: "2. We can pay for almost anything",
			},
			{
			oldId: "2ED4",
			txt: "Soren　　Chinese Food",
			txt: "3. Now almost nobody uses",
			},
			{
			oldId: "44DE",
			txt: "Chinese　　　　Tea",
			txt: "4. We rely on mobile phones",
			},
			{
			oldId: "J20B",
			txt: "5. Mobile phones have changed",
			}
			],
			right: [
			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			},
			{
			oldId: "FB34",
			txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			},
			{
			oldId: "2ED4",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "a.a fixed-line telephone.",
			},
			{
			oldId: "44DE",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			txt: "b. all the time now.",
			},
			{
			oldId: "64D6",
			txt: "c. online or by using an App on the phone.",
			},
			{
			oldId: "FB34",
			txt: "d. is almost dead.",
			},
			{
			oldId: "J20B",
			txt: "e. how we go about our everyday life.",
			}
			],
			},
			value: [],
			@@ -1076,66 +1293,81 @@
			{
			id: "FB34",
			linkValue:
			"The clothing material is quite popular among Roman women inancient times.",
			value: "Silk",
			"d. is almost dead.",
			value: "1. My phone",
			},
			{
			id: "64D6",
			linkValue:
			"It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			value: "The Great Wall",
			"c. online or by using an App on the phone.",
			value: "2. We can pay for almost anything",
			},
			{
			id: "2ED4",
			linkValue:
			"It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			value: "Chinese Food",
			"a. a fixed-line telephone.",
			value: "3. Now almost nobody uses",
			},
			{
			id: "44DE",
			linkValue:
			"It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
			value: "Chinese Tea",
			"b. all the time now.",
			value: "4. We rely on mobile phones",
			},
			{
			id: "J20B",
			linkValue:
			"e. how we go about our everyday life.",
			value: "5. Mobile phones have changed",
			},
			],
			optionStyle: undefined,
			id: 489306,
			options: {
			linkValues: [

			{
			oldId: "64D6",
			txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
			oldId: "2ED4",
			txt: "a.a fixed-line telephone.",
			},
			{
			oldId: "44DE",
			txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
			txt: "b. all the time now.",
			},
			{
			oldId: "64D6",
			txt: "c. online or by using an App on the phone.",
			},
			{
			oldId: "FB34",
			txt: "The clothing material is quite popular among Roman women inancient times.",
			txt: "d. is almost dead.",
			},
			{
			oldId: "2ED4",
			txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
			},
			oldId: "J20B",
			txt: "e. how we go about our everyday life.",
			}
			],
			values: [
			{
			oldId: "FB34",
			txt: "Martin Silk",
			txt: "1. My phone",
			},
			{
			oldId: "64D6",
			txt: "The Great Wall",
			txt: "2. We can pay for almost anything",
			},
			{
			oldId: "2ED4",
			txt: "Chinese Food",
			txt: "3. Now almost nobody uses",
			},
			{
			oldId: "44DE",
			txt: "Chinese Tea",
			txt: "4. We rely on mobile phones",
			},
			{
			oldId: "J20B",
			txt: "5. Mobile phones have changed",
			}
			],
			},
			questionType: "matching",
			@@ -1146,7 +1378,7 @@
			titleDescription: "1",
			userChoise: [],
			value: [],
			answerImg: require("../../assets/images/matching-one.png"),
			answerImg: require("../../assets/images/matching-four.png"),
			},
			questionData: {
			warnUp: {
			@@ -1367,7 +1599,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") {