From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter008.vue | 1695 ++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 1,069 insertions(+), 626 deletions(-)
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index 2855c1c..a6a7b12 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -52,7 +52,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-2.jpg" alt="" class="w100" />
</p>
<p class="center">
2.
@@ -70,7 +70,7 @@
<div class="left" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-3.jpg" alt="" class="w100" />
</p>
<p class="center">
3.
@@ -86,7 +86,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
+ <img src="../../assets/images/0146-4.jpg" alt="" class="w100" />
</p>
<p class="center">
4.
@@ -121,7 +121,7 @@
<div class="right" style="width: 48%">
<div>
<p class="center">
- <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
+ <img src="../../assets/images/0146-6.jpg" alt="" class="w100" />
</p>
<p class="center">
6.
@@ -276,10 +276,14 @@
style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
</textarea>
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerThree">
- 绛旀锛�(1).Gain confidence and responsibility (2).Explore alternate career options (3).Strengthen resume
- (4).Develop work ethic skills (5).Create opportunities for socializing (6).Enhance communication skills
- (7).Build networking opportunities (8).Gain independence (9).Get a stable cash flow (10).Learn money management skills
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerThree">
+ 绛旀锛�(1).Gain confidence and responsibility (2).Explore alternate career options
+ (3).Strengthen resume
+ (4).Develop work ethic skills (5).Create opportunities for socializing
+ (6).Enhance communication skills
+ (7).Build networking opportunities (8).Gain independence (9).Get a stable cash
+ flow (10).Learn money management skills
</p>
<p>2.If you鈥檙e considering a part-time job,what鈥檚 your expectation of it?
<span class="btn-box" @click="showAnswerFour = !showAnswerFour">
@@ -296,25 +300,27 @@
style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
</textarea>
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFour">
- 绛旀锛�(1).a good salary (2).a regular working time (3).a friendly working team
- (4).comfortable working environment
-
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerFour">
+ 绛旀锛�(1).a good salary (2).a regular working time (3).a friendly working team
+
+ (4).comfortable working environment
+
</p>
- <p class="center">
- <input type="text" class="input-bottom-border input-bc-t " style="width: 30%;"
- v-model="questionData.reading.four" @change="setBookQuestion" />
+ <p class="center">
+ <input type="text" class="input-bottom-border input-bc-t " style="width: 30%;"
+ v-model="questionData.reading.four" @change="setBookQuestion" />
</p>
- <p class="center"> <audio :src="resource.listenOne" controls
+ <p class="center"> <audio :src="resource.readingOne" controls
controlslist="noplaybackrate nodownload" class="audio"></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
- <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.
@@ -342,49 +348,48 @@
<div class="padding-93">
<div class="bodystyle">
<p>So,I
- <span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
+ <span class="word-bc" word="inquire" >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" word="mow">mowed</span>
her
- <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
+ <span class="word-bc" >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>
<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
- <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 鈥渃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 & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p><audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px"
- class="audio"></audio></p>
+ <p><audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio></p>
<p>fulfill /f蕣l藞f瑟l/ <i>v.</i> 绗﹀悎锛涘饱琛�</p>
<div class="bkbj">
<p><i>to do or have what is required or necessary</i></p>
@@ -475,12 +480,21 @@
</div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Read the passage and answer the following questions.</p>
- <p>1.What job did the author take?</p>
- <p>____________________________________________________</p>
- <p>2.How did he describe his job?</p>
- <p>____________________________________________________</p>
- <p>3.What can be a proper title for this passage?</p>
- <p>____________________________________________________</p>
+ <div v-for="(item, index) in questionDataOne[0].value" :key="'one' + index">
+ <p class="tl-lf">{{ index + 1 }}.{{ item.stem }}</p>
+ <p>
+ <input :disabled="questionDataOne[0].isComplete" type="text" class="input-bottom-border"
+ style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
+ </p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[0].isShowAnswer">
+ <p>
+ 绛旀锛�
+ <span v-for="(item, index) in questionDataOne[0].value" :key="'oneanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </p>
+ </div>
</div>
</div>
<div class="preface-bottom">
@@ -505,33 +519,110 @@
<div class="bodystyle">
<p>B.Put the questions in the right blanks according to the main idea of each paragraph,and then
find the answer to each question.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0150-1.jpg" /></p>
+ <div class="center poster-img">
+ <img class="img-a" alt="" src="../../assets/images/0150-1.jpg" />
+ <input type="text" class="poster-input-box-one"
+ v-model="questionDataOne[1].value[0].userAnswer" @change="setQuestionDataOne" />
+ <input type="text" class="poster-input-box-two"
+ v-model="questionDataOne[1].value[1].userAnswer" @change="setQuestionDataOne" />
+ <input type="text" class="poster-input-box-six"
+ v-model="questionDataOne[1].value[2].userAnswer" @change="setQuestionDataOne" />
+ <input type="text" class="poster-input-box-three"
+ v-model="questionDataOne[1].value[3].userAnswer" @change="setQuestionDataOne" />
+ <input type="text" class="poster-input-box-four"
+ v-model="questionDataOne[1].value[4].userAnswer" @change="setQuestionDataOne" />
+ <input type="text" class="poster-input-box-five"
+ v-model="questionDataOne[1].value[5].userAnswer" @change="setQuestionDataOne" />
+ </div>
<p>The answer to each question:</p>
- <p>1.________________________________________________</p>
- <p>2.________________________________________________</p>
- <p>3.________________________________________________</p>
- <p>4.________________________________________________</p>
- <p>5.________________________________________________</p>
+ <div v-for="(item, index) in questionDataOne[2].value" :key="'two' + index">
+ <p>{{ index + 1 }}.<input :disabled="questionDataOne[2].isComplete" type="text"
+ class="input-bottom-border" style="width: 90%" v-model="item.userAnswer"
+ @input="setQuestionDataOne" /></p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[2].isShowAnswer">
+ <div>
+ 绛旀锛�
+ <p v-for="(item, index) in questionDataOne[2].value" :key="'twoanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </p>
+ </div>
+ </div>
<p><b>鈪�.Language focus.</b></p>
<p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
have been given.</p>
- <p>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
+ <p>The first job experience is burned into our memories for a c
+ <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[0].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[0].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">
+ of reasons,and Nicholas
remembered his well.When he was about 16,he wanted to buy a speed cube.Unfortunately,he had
no money,so he decided to take a job and earn enough money for it.He planned to help
- e________people with their gardens,so he went to Mrs.Hudson who just lived in his n_______.
- Although his job of pulling out weeds there was t_________, he managed to get the money he
+ e <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[1].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[1].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">
+
+ people with their gardens,so he went to Mrs.Hudson who just lived in his n
+ <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[2].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">.
+ Although his job of pulling out weeds there was t
+ <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[3].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[3].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">
+ , he managed to get the money he
needed for his speed cube.And most importantly,that working experience made him realize the
- v_______of money through his s_________.</p>
+ v
+ <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[4].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[4].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">
+ of money through his s
+ <input :disabled="questionDataOne[3].isComplete" type="text" class="input-bottom-border"
+ style="width: 10%" v-model="questionDataOne[3].value[5].userAnswer"
+ @input="setQuestionDataOne" />
+ <img :src="questionDataOne[3].value[5].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[3].isComplete">
+ .
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[3].isShowAnswer">
+ <p>
+ 绛旀锛�
+ <span v-for="(item, index) in questionDataOne[3].value" :key="'threeanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </p>
+ </div>
<p>B.Underline the following expressions in the passage and make sentences with them.</p>
- <p>1.out of nowhere______________________________</p>
- <p>2.as to______________________________________</p>
- <p>3.build up___________________________________</p>
- <p>4.at least___________________________________</p>
- <p>5.take away__________________________________</p>
+ <div v-for="(item, index) in questionDataOne[4].value" :key="'three' + index">
+ <p>{{ index + 1 }}.{{ item.stem }}</p>
+ <p>
+ <textarea v-model="item.userAnswer" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" style=" width: 92%"
+ class="fz-16 fm-son" @change="setQuestionDataOne">
+ </textarea>
+ </p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[4].isShowAnswer">
+ <div>
+ 绛旀锛�
+ <p v-for="(item, index) in questionDataOne[4].value" :key="'fouranswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </p>
+ </div>
+ </div>
</div>
</div>
<div class="preface-bottom">
- <span class="contet-num-box">146</span>
+ <span class="contet-num-box">140</span>
</div>
</div>
</div>
@@ -551,17 +642,21 @@
<div class="padding-93">
<div class="bodystyle">
<p>C.Translate the following sentences into Chinese.</p>
- <p>1.Wang Jinxi,the 鈥淚ron Man鈥�,successfully fulfilled his job under incredible difficulties.</p>
- <p>____________________________________________________</p>
- <p>2.Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her
- school.</p>
- <p>____________________________________________________</p>
- <p>3.Wu Dajing impressed the whole nation when fighting to supply his teammates with a better
- position in the lane.</p>
- <p>____________________________________________________</p>
- <p>4.Wang Yaping with resolve won her family鈥檚 support to be the first woman in China鈥檚 new
- space station.</p>
- <p>____________________________________________________</p>
+ <div v-for="(item, index) in questionDataOne[5].value" :key="'four' + index">
+ <p>{{ index + 1 }}.{{ item.stem }}</p>
+ <p>
+ <input :disabled="questionDataOne[5].isComplete" type="text" class="input-bottom-border"
+ style="width: 90%" v-model="item.userAnswer" @input="setQuestionDataOne" />
+ </p>
+ </div>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[5].isShowAnswer">
+ <div>
+ 绛旀锛�
+ <p v-for="(item, index) in questionDataOne[5].value" :key="'fiveanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </p>
+ </div>
+ </div>
<p><b>鈪�.Grammar focus:The simple present & past tense.</b>
<span class="btn-box" @click="showAnswer('showImg')">
<svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -579,58 +674,153 @@
<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>
- <p>锛堛��銆�锛�2.I <span class="u">wanted</span> to buy a new speed cube.</p>
- <p>锛堛��銆�锛�3.I <span class="u">went</span> to the oldest person I knew in my neighborhood.</p>
- <p>锛堛��銆�锛�4.It <span class="u">seems</span> these experiences harden our spirits and resolve.</p>
- <p>锛堛��銆�锛�5.When I <span class="u">was</span> about sixteen years old, I <span class="u">wanted
- </span>to buy a new speed cube.</p>
- <p>锛堛��銆�锛�6.I <span class="u">think</span> everyone should get down on one鈥檚 knees and pull weeds.
+ <p>锛�<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
+ style="width: 15%" v-model="questionDataOne[6].value[0].userAnswer"
+ @input="setQuestionDataOne" />锛�
+ 2.I <span class="u">wanted</span> to buy a new speed cube.
+ <img :src="questionDataOne[6].value[0].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[6].isComplete">
</p>
+ <p>锛�<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
+ style="width: 15%" v-model="questionDataOne[6].value[1].userAnswer"
+ @input="setQuestionDataOne" />锛�3.I <span class="u">went</span> to the oldest person I
+ knew in my neighborhood.
+ <img :src="questionDataOne[6].value[1].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[6].isComplete">
+ </p>
+ <p>锛�<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
+ style="width: 15%" v-model="questionDataOne[6].value[2].userAnswer"
+ @input="setQuestionDataOne" />锛�4.It <span class="u">seems</span> these experiences
+ harden our spirits and resolve.
+ <img :src="questionDataOne[6].value[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[6].isComplete">
+ </p>
+ <p>锛�<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
+ style="width: 15%" v-model="questionDataOne[6].value[3].userAnswer"
+ @input="setQuestionDataOne" />锛�5.When I <span class="u">was</span> about sixteen years
+ old, I <span class="u">wanted
+ </span>to buy a new speed cube.
+ <img :src="questionDataOne[6].value[3].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[6].isComplete">
+ </p>
+ <p>锛�<input :disabled="questionDataOne[6].isComplete" type="text" class="input-bottom-border"
+ style="width: 15%" v-model="questionDataOne[6].value[4].userAnswer"
+ @input="setQuestionDataOne" />锛�6.I <span class="u">think</span> everyone should get down
+ on one鈥檚 knees and pull weeds.
+ <img :src="questionDataOne[6].value[4].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[6].isComplete">
+ </p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[6].isShowAnswer">
+ <p>
+ 绛旀锛�
+ <span v-for="(item, index) in questionDataOne[6].value" :key="'sixanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </p>
+ </div>
<p>B.Write the present or the past form of the following verbs.</p>
- <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14 w100">
<tr class="table-tr-bc">
- <td class="tl-cn">give<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-cn">spend<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" /></td>
- <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />had
+ <td class="tl-cn">give
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 40%"
+ v-model="questionDataOne[7].value[0].userAnswer" @input="setQuestionDataOne" />
+ <img :src="questionDataOne[7].value[0].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
+ </td>
+ <td class="tl-cn">spend
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[1].userAnswer" @input="setQuestionDataOne" />
+ <img :src="questionDataOne[7].value[1].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
+ </td>
+ <td class="tl-cn">
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[2].userAnswer" @input="setQuestionDataOne" />
+ had
+ <img :src="questionDataOne[7].value[2].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
</tr>
<tr class="table-tr-bc ">
- <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ <td class="tl-cn">
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[3].userAnswer" @input="setQuestionDataOne" />
went
+ <img :src="questionDataOne[7].value[3].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
- <td class="tl-cn"><input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ <td class="tl-cn">
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[4].userAnswer" @input="setQuestionDataOne" />
began
+ <img :src="questionDataOne[7].value[4].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
- <td class="tl-cn">say<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ <td class="tl-cn">say
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[5].userAnswer" @input="setQuestionDataOne" />
+ <img :src="questionDataOne[7].value[5].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
</tr>
<tr class="table-tr-bc">
- <td class="tl-cn">get<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ <td class="tl-cn">get
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[6].userAnswer" @input="setQuestionDataOne" />
+ <img :src="questionDataOne[7].value[6].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
- <td class="tl-cn">think<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />
+ <td class="tl-cn">think
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[7].userAnswer" @input="setQuestionDataOne" />
+ <img :src="questionDataOne[7].value[7].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
- <td class="tl-cn">asy<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border input-bc-t" style="width: 5em"
- v-model="testData.in.one" @change="setTestData" />chose
+ <td class="tl-cn">asy
+ <input :disabled="questionDataOne[7].isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 45%"
+ v-model="questionDataOne[7].value[8].userAnswer" @input="setQuestionDataOne" />
+ chose
+ <img :src="questionDataOne[7].value[8].isRight ? correctIcon : errorIcon"
+ v-if="questionDataOne[7].isComplete">
</td>
</tr>
</table>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataOne[7].isShowAnswer">
+ <p>
+ 绛旀锛�
+ <span v-for="(item, index) in questionDataOne[7].value" :key="'sixanswer' + index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </p>
+ </div>
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
+ <li>
+ <button class="btn-border btn-w" @click="handleQuestionDataOne">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="recastQuestionDataOne" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="viewQuestionDataOne" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c067"><span class="bjh3">Mini-project</span></h3>
<p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
<p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
@@ -808,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" word="satisfy"
+ >satisfying</span>
+ <span class="word-bc mr-20 dl-span" word="stimulate"
+ >stimulating</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'satisfying')">satisfying</span>
+ >stressful</span>
<span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'stimulating')">stimulating</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'stressful')">stressful</span>
- <span class="word-bc mr-20 dl-span"
- @click="saveWord($event, 'voluntary')">voluntary</span>
+ >voluntary</span>
</p>
<p>銆�銆�銆�銆�銆�銆�銆�銆�銆�
@@ -836,137 +1026,137 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤17.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤18.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤19.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤20.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤21.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤22.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤23.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤24.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤25.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤26.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
+ <img src="../../assets/images/ppt/8-1銆丮ODULE 8锛坙esson one锛塤27.jpg" />
</div>
</div>
</div>
@@ -1006,7 +1196,7 @@
yourself.Work with your partner and figure out what the pictures in the following road
maps possibly mean,and then choose the proper expressions to fill in the blanks.
</b>
- <span class="btn-box" @click="showDropTwo(0,0)">
+ <span class="btn-box" @click="showDropTwo(0)">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -1037,6 +1227,12 @@
</div>
</li>
</ul>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<!-- <p class="center">
<img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
</p> -->
@@ -1094,7 +1290,12 @@
<img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false">
</div>
</div>
-
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<h3 id="c069" class="fl al-cn">
<span class="bjh3">Reading</span>
<audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
@@ -1122,11 +1323,11 @@
</li>
</ul>
<p class="center"><b>Choose a Career You Love</b></p>
- <p class="center"><audio :src="resource.readingTwo" controls
+ <p class="center"><audio :src="resource.readingThree" controls
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.
@@ -1158,13 +1359,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.
@@ -1172,31 +1373,31 @@
<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
- <span class="word-bc" @click="saveWord($event, 'outcomes')">outcomes</span>
+ <span class="word-bc" word="outcome" >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
- <span class="word-bc" @click="saveWord($event, 'necessities')">necessities</span>
+ <span class="word-bc" word="necessity">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" word="luxury" >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
- <span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
+ <span class="word-bc">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>
+ <span class="word-bc" >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>
+ <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鈥檛 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.
@@ -1205,7 +1406,7 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload"
style="margin-left: 10px" class="audio"></audio>
<p>portion /藞p蓴藧蕛n/ <i>n.</i>閮ㄥ垎</p>
<div class="bkbj">
@@ -1326,6 +1527,12 @@
{{index + 1}}.{{item.stem}}
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete">
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<p><b>鈪�.Language focus.</b></p>
<p>A.Replace the words in italics with the exact words in the passage and change the form if
necessary.</p>
@@ -1334,6 +1541,12 @@
<input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px">
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[2].isComplete">
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[2].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<p>B.Fill in the blanks with the proper form of the expressions given below.</p>
<div class="bk-wh">
<p>a portion of銆�fall into place銆�be passionate about銆�later on be銆�comfortable with</p>
@@ -1372,6 +1585,12 @@
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[3].isComplete">
{{item.stemTwo}}
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<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"
@@ -1400,6 +1619,12 @@
<img :src="item.isRight ? correctIcon : errorIcon" v-if="listenTwo[4].isComplete">
{{item.stemTwo}}
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenTwo[4].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
@@ -1514,137 +1739,92 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤17.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
+ <img src="../../assets/images/ppt/8-2銆丮ODULE 8锛坙esson two锛塤18.jpg" />
</div>
</div>
</div>
@@ -1657,49 +1837,69 @@
</div>
<h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
<h3 id="c071"><span class="bjh3">Listening</span></h3>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px"
- class="audio"></audio></p>
<p><b>鈪�.Derek is talking about his job interview.Listen to the recording and fill in the blanks
with what you hear.</b></p>
+ <p> <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio"></audio></p>
<p>Hi,everyone.I鈥檓 Derek Cruise.I landed a job interview the other day.It is a bank
1.
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
- <img :src="listenThree[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[0].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
+ <img :src="listenThree[0].value[0].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[0].isComplete">
that I鈥檝e wanted for a long time.I鈥檓 excited you know.The job is quite
2.
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
- <img :src="listenThree[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[1].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
+ <img :src="listenThree[0].value[1].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[0].isComplete">
and I love to play with 3.
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
- <img :src="listenThree[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[2].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
+ <img :src="listenThree[0].value[2].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[0].isComplete">
.I prepared my 4.
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
- <img :src="listenThree[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[3].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
+ <img :src="listenThree[0].value[3].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[0].isComplete">
,and bought a
suit.My friend reminded me that I should send a follow-up 5.
- <input type="text" :disabled="listenThree[0].isComplete" v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveListenThree" style="width:80px">
- <img :src="listenThree[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete">
+ <input type="text" :disabled="listenThree[0].isComplete"
+ v-model="listenThree[0].value[4].userAnswer" class="input-bottom-border input-bc-t"
+ @input="saveListenThree" style="width:80px">
+ <img :src="listenThree[0].value[4].isRight ? correctIcon : errorIcon"
+ v-if="listenThree[0].isComplete">
after the interview.But
I feel worried about writing the letter,for I know little about it.Anyway,I am
well-prepared,I guess.Now all I鈥檝e got to do is to take that job.Wish me good luck!
</p>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
+ <span>绛旀锛�</span>
+ <span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index">
+ {{ index + 1 }}.{{ item.answer }}
+ </span>
+ </div>
<div class="w100 fl ju-cn">
<ul class="fl ju-ev" style="width:80%">
<li>
- <button class="btn-border btn-w" @click="handleListenThree">
- 鎻愪氦
- </button>
+ <button class="btn-border btn-w" @click="handleListenThree">
+ 鎻愪氦
+ </button>
</li>
<li>
- <button @click="recastListenThree" class="btn-border btn-w">
- 閲嶅仛
- </button>
+ <button @click="recastListenThree" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
</li>
<li>
- <button @click="viewListenThree" class="parimary-btn">
- 鏌ョ湅绛旀
- </button>
+ <button @click="viewListenThree" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
</li>
</ul>
</div>
@@ -1730,14 +1930,18 @@
鈪�.Susan is interviewing the candidate Derek.Listen to the conversation and write down
Susan's questions.
</b>
- <span class="btn-box" @click="showNoSubmitThree(0,0)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <span class="btn-box" @click="showNoSubmitThree(0, 0)">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
+ <p > <audio :src="resource.listenThree" controls
+ controlslist="noplaybackrate nodownload" style="margin-left: 10px"
+ class="audio"></audio></p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn wh-no">Susan's Questions</td>
@@ -1759,7 +1963,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[1].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -1769,7 +1973,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[2].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -1779,7 +1983,7 @@
</tr>
<tr class="table-tr-bc">
<td class="tl-cn">
- <textarea v-model="noSubmitThree[0].value[0].userAnswer"
+ <textarea v-model="noSubmitThree[0].value[3].userAnswer"
class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="saveNoSubmitThree"></textarea>
</td>
@@ -1790,47 +1994,48 @@
</td>
</tr>
</table>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="noSubmitThree[0].value[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[0].value[0].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in noSubmitThree[0].value" :key="index" class="mr-20">
- {{index + 1}}.{{ item.answer }}
+ <span v-for="(item, index) in noSubmitThree[0].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ item.answer }}
</span>
</div>
<h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
<p>
1.How do you follow up after a job interview?
- <span class="btn-box" @click="showNoSubmitThree(1,0)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <span class="btn-box" @click="showNoSubmitThree(1, 0)">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
- <textarea name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[0].userAnswer" class="w100" @input="saveNoSubmitThree"></textarea>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="noSubmitThree[1].value[0].isShowAnswer">
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[0].userAnswer"
+ class="w100" @input="saveNoSubmitThree"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[1].value[0].isShowAnswer">
<span>绛旀锛�</span>
- <p v-for="(item,index) in noSubmitThree[1].value[0].answer" :key="index">
- {{index + 1}}) {{item}}
+ <p v-for="(item, index) in noSubmitThree[1].value[0].answer" :key="index">
+ {{ index + 1 }}) {{ item }}
</p>
</div>
<p>
2.How do you write follow-up emails after an interview?
- <span class="btn-box" @click="showNoSubmitThree(1,1)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <span class="btn-box" @click="showNoSubmitThree(1, 1)">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
- <textarea name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[1].userAnswer" class="w100" @input="saveNoSubmitThree"></textarea>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="noSubmitThree[1].value[1].isShowAnswer">
- <span>绛旀锛歿{noSubmitThree[1].value[1].answer}}</span>
+ <textarea name="" id="" cols="30" rows="10" v-model="noSubmitThree[1].value[1].userAnswer"
+ class="w100" @input="saveNoSubmitThree"></textarea>
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitThree[1].value[1].isShowAnswer">
+ <span>绛旀锛歿{ noSubmitThree[1].value[1].answer }}</span>
</div>
<p><b>鈪�.Read the following tips,and find out why a follow-up email is needed after an
interview.</b></p>
@@ -1869,65 +2074,70 @@
<div class="padding-93">
<div class="bodystyle">
<p>
- <b>鈪�.Fill in the blanks with the right expressions from the labels to finish the following-up
+ <b>鈪�.Fill in the blanks with the right expressions from the labels to finish the
+ following-up
email.
</b>
<span class="btn-box" @click="showPracticalThree(0)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
- </p>
+ </p>
<div class="finish-box">
<p>From: Jack Thompson</p>
<p>To: Mr. Jim</p>
- <p v-for="(item,index) in practicalThree[0].value" :key="index">
- {{item.stemOne}}
- <select class="select-border" v-model="item.userAnswer" @change="handlePracticalThree(0,index)">
- <option v-for="(citem, cindex) in item.option" :key="'change' + cindex" :value="citem">
- {{ citem}}
+ <p v-for="(item, index) in practicalThree[0].value" :key="index">
+ {{ item.stemOne }}
+ <select class="select-border" v-model="item.userAnswer"
+ @change="handlePracticalThree(0, index)">
+ <option v-for="(citem, cindex) in item.option" :key="'change' + cindex"
+ :value="citem">
+ {{ citem }}
</option>
</select>
- <img :src="item.isRight ? correctIcon : errorIcon" v-if="item.isRight == true || item.isRight == false">
- {{item.stemTwo}}
+ <img :src="item.isRight ? correctIcon : errorIcon"
+ v-if="item.isRight == true || item.isRight == false">
+ {{ item.stemTwo }}
</p>
<p>Sincerely,</p>
<p>Jack Thompson</p>
<p>Jackthompson@email.com</p>
<p>312-465-7981</p>
</div>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="practicalThree[0].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalThree[0].isShowAnswer">
<span>绛旀锛�</span>
- <span v-for="(item,index) in practicalThree[0].value" :key="index" class="mr-20">
- {{ item.answer }}
+ <span v-for="(item, index) in practicalThree[0].value" :key="index" class="mr-20">
+ {{ item.answer }}
</span>
</div>
<p>
<b>鈪�.Put the following words in right order to make sentences.</b>
<span class="btn-box" @click="showPracticalThree(1)">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
- <path class="a"
- d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
- transform="translate(-3327.144 15329)" />
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
</svg>
</span>
</p>
<ul>
- <li v-for="(item,index) in practicalThree[1].value" :key="index">
- <p >
- {{index + 1}}.{{item.stem}}
+ <li v-for="(item, index) in practicalThree[1].value" :key="index">
+ <p>
+ {{ index + 1 }}.{{ item.stem }}
</p>
- <input type="text" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="item.userAnswer" class="input-bottom-border input-bc-t"
+ @input="savePracticalThree">
</li>
</ul>
- <div class="event-header-text-bc pd-5 w100 mt-20"
- v-if="practicalThree[1].isShowAnswer">
+ <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalThree[1].isShowAnswer">
<span>绛旀锛�</span>
- <p v-for="(item,index) in practicalThree[1].value" :key="index" class="mr-20">
- {{index + 1}}.{{ item.answer }}
+ <p v-for="(item, index) in practicalThree[1].value" :key="index" class="mr-20">
+ {{ index + 1 }}.{{ item.answer }}
</p>
</div>
</div>
@@ -1957,37 +2167,32 @@
<div class="fieldset-4">
<p class="left">
From:
- <input type="text" v-model="practicalThree[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[2].value[0].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="left">
To:
- <input type="text" v-model="practicalThree[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[2].value[1].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="left">
Subject:
- <input type="text" v-model="practicalThree[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[2].value[2].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p><br /></p>
- <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[2].value[3].userAnswer" class="w100" @input="savePracticalThree"></textarea>
+ <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[2].value[3].userAnswer"
+ class="w100" @input="savePracticalThree"></textarea>
<p class="left">derekcruise@email.com</p>
<p class="left">521-764-8809</p>
</div>
<div class="un-h2">
<h2 id="b032">Unit Project</h2>
</div>
- <video
- :src="resource.videoPathOne"
- webkit-playsinline="true"
- x-webkit-airplay="true"
- playsinline="true"
- x5-video-orientation="h5"
- x5-video-player-fullscreen="true"
- x5-playsinline=""
- controls
- controlslist="nodownload"
- class="w100 video"
- style="margin-top: 40px;"
- ></video>
+ <video :src="resource.videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+ playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+ x5-playsinline="" controls controlslist="nodownload" class="w100 video"
+ style="margin-top: 40px;"></video>
<p>In the following job ads,there are some job vacancies from different companies.Read carefully
and make a decision about the one you are going to apply for.First tell your partner the
reason why that job interests you.Then work in pairs,role-playing the interviewer and the
@@ -1997,11 +2202,9 @@
<p><b>Role 1:Interviewer</b></p>
<p>1.Work with your partner and decide what questions you will ask during the
interview.2.Complete the worksheet for the interviewer.</p>
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" <p
- class="center"></p>
- <p><b>Role 2:Interviewee</b></p>
- <p>1.Make a list of the information which might be useful in the interview.2.Finish the
- follow-up email after the interview.</p>
+ <p><b>Role 2:Interviewee</b></p>
+ <p>1.Make a list of the information which might be useful in the interview.2.Finish the
+ follow-up email after the interview.</p>
</div>
</div>
<div class="preface-bottom">
@@ -2029,16 +2232,19 @@
<tr class="table-tr-bc">
<td class="tl-cn ">
<p class="table-p">
- Name:
- <input type="text" v-model="practicalThree[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ Name:
+ <input type="text" v-model="practicalThree[3].value[0].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="table-p">
- Phone:
- <input type="text" v-model="practicalThree[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ Phone:
+ <input type="text" v-model="practicalThree[3].value[1].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="table-p">
- Email:
- <input type="text" v-model="practicalThree[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ Email:
+ <input type="text" v-model="practicalThree[3].value[2].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
</td>
</tr>
@@ -2083,18 +2289,22 @@
<div class="fieldset-4">
<p class="left">
From:
- <input type="text" v-model="practicalThree[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[4].value[0].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="left">
To:
- <input type="text" v-model="practicalThree[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[4].value[1].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p class="left">
Subject:
- <input type="text" v-model="practicalThree[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savePracticalThree" >
+ <input type="text" v-model="practicalThree[4].value[2].userAnswer"
+ class="input-bottom-border input-bc-t" @input="savePracticalThree">
</p>
<p><br /></p>
- <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[4].value[3].userAnswer" class="w100" @input="savePracticalThree"></textarea>
+ <textarea name="" id="" cols="30" rows="18" v-model="practicalThree[4].value[3].userAnswer"
+ class="w100" @input="savePracticalThree"></textarea>
</div>
</div>
</div>
@@ -2133,137 +2343,87 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_01.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤01.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_02.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤02.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_03.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤03.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_04.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤04.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_05.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤05.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_06.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤06.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_07.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤07.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_08.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤08.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_09.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤09.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_10.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤10.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_11.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤11.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_12.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤12.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_13.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤13.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_14.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤14.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_15.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤15.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_16.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤16.jpg" />
</div>
</div>
<div class="swiper-slide">
<div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_17.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_18.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_19.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_20.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_21.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_22.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_23.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_24.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_25.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_26.png" />
- </div>
- </div>
- <div class="swiper-slide">
- <div class="imgBox" style="width: 100%; height: 100%">
- <img src="../../assets/images/ppt/ppt_27.png" />
+ <img src="../../assets/images/ppt/8-3銆丮ODULE 8锛坙esson three锛塤17.jpg" />
</div>
</div>
</div>
@@ -2276,7 +2436,8 @@
</div>
</div>
</div>
- <div class="preface-bottom">
+ <!-- 椤佃剼 -->
+ <div class="preface-bottom" style="margin-top: 10%">
<span class="contet-num-box">154</span>
</div>
</div>
@@ -2298,7 +2459,7 @@
return {
warmUp: [
{
- type: "fill",
+ type: "fills",
isShowAnswer: false,
value: [
{
@@ -2334,137 +2495,262 @@
]
},
],
- questionDataOn:[
+ questionDataOne: [
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
- {
- stem:"What job did the author take?",
- answer:"Pulling out weeds",
- userAnswer:"",
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stem: "What job did the author take?",
+ answer: "Pulling out weeds",
+ userAnswer: "",
},
{
- stem:"How did he describe his job?",
- answer:"Tedious",
- userAnswer:"",
+ stem: "How did he describe his job?",
+ answer: "Tedious",
+ userAnswer: "",
},
{
- stem:"What can be a proper title for this passage?",
- answer:"My first job",
- userAnswer:"",
+ stem: "What can be a proper title for this passage?",
+ answer: "My first job",
+ userAnswer: "",
},
]
},
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:"",
- },
- {
- userAnswer:"",
- },
- {
- userAnswer:"",
+ userAnswer: "",
},
{
- userAnswer:"",
+ userAnswer: "",
},
{
- userAnswer:"",
+ userAnswer: "",
+ },
+ {
+ userAnswer: "",
+ },
+ {
+ userAnswer: "",
+ },
+ {
+ userAnswer: "",
},
]
},
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
- {
- answer:"I wanted to buy a new speed cube, but I did not have any money, and my parents would not give me the money.",
- userAnswer:"",
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: "I wanted to buy a new speed cube, but I did not have any money, and my parents would not give me the money.",
+ userAnswer: "",
},
{
- answer:"The experience is burned in one's memory, it gives you the practice needed to fulfill other positions, and it teaches you about the value of money.",
- userAnswer:"",
+ answer: "The experience is burned in one's memory, it gives you the practice needed to fulfill other positions, and it teaches you about the value of money.",
+ userAnswer: "",
},
{
- answer:"The experience hardened my spirits and resolve and supplied me with the value of money.",
- userAnswer:"",
+ answer: "The experience hardened my spirits and resolve and supplied me with the value of money.",
+ userAnswer: "",
},
{
- answer:"I went to Mrs. Hudson, and asked her for the work to tend her garden.",
- userAnswer:"",
+ answer: "I went to Mrs. Hudson, and asked her for the work to tend her garden.",
+ userAnswer: "",
},
{
- answer:"My first job was to pull out weeds.",
- userAnswer:"",
+ answer: "My first job was to pull out weeds.",
+ userAnswer: "",
},
]
},
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
- {
- answer:"couple",
- userAnswer:"",
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: "couple",
+ userAnswer: "",
+ isRight: null,
},
{
- answer:"elderly",
- userAnswer:"",
+ answer: "elderly",
+ userAnswer: "",
+ isRight: null,
},
{
- answer:"neighborhood",
- userAnswer:"",
+ answer: "neighborhood",
+ userAnswer: "",
+ isRight: null,
},
{
- answer:"tedious",
- userAnswer:"",
+ answer: "tedious",
+ userAnswer: "",
+ isRight: null,
},
{
- answer:"value",
- userAnswer:"",
+ answer: "value",
+ userAnswer: "",
+ isRight: null,
},
{
- answer:"sweat",
- userAnswer:"",
+ answer: "sweat",
+ userAnswer: "",
+ isRight: null,
},
]
},
{
- type:"fill",
- isComplete:false,
- isShowAnswer:false,
- value:[
- {
- answer:"couple",
- userAnswer:"",
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stem: "out of nowher",
+ answer: "Success never comes out of nowhere.",
+ userAnswer: "",
+
},
{
- answer:"elderly",
- userAnswer:"",
+ stem: "as to",
+ answer: "We might have questions as to where we could get a job.",
+ userAnswer: "",
},
{
- answer:"neighborhood",
- userAnswer:"",
+ stem: "build up",
+ answer: "Salesperson should build up a good relationship with the customers.",
+ userAnswer: "",
},
{
- answer:"tedious",
- userAnswer:"",
+ stem: "at least",
+ answer: "Full-time employees usually work at least 5 days a week.",
+ userAnswer: "",
},
{
- answer:"value",
- userAnswer:"",
+ stem: "take away",
+ answer: "When a project wraps up, you are sure to take away some experience and new knowledge.",
+ userAnswer: "",
+ }
+ ]
+ },
+ {
+ type: "fills",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ stem: "Wang Jinxi,the 鈥淚ron Man鈥�,successfully fulfilled his job under incredible difficulties.",
+ answer: "鈥滈搧浜衡�濈帇杩涘枩鍦ㄦ瀬绔洶闅剧殑鏉′欢涓嬫垚鍔熷湴瀹屾垚浜嗕粬鐨勫伐浣溿��",
+ userAnswer: "",
+
},
{
- answer:"sweat",
- userAnswer:"",
+ stem: "Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her school.",
+ answer: "寮犳姊呰�佸笀鎶婂ス鎵�鏈夌殑閽遍兘鑺卞湪涓哄鏍＄殑濂冲瀛愯喘涔版墍闇�鐨勭墿鍝佷笂浜嗐��",
+ userAnswer: "",
+ },
+ {
+ stem: "Wu Dajing impressed the whole nation when fighting to supply his teammates with a better position in the lane.",
+ answer: "姝﹀ぇ闈栧湪璧涘満涓婂鍔涗负闃熷弸浜夊緱鏈夊埄浣嶇疆鐨勪簨杩癸紝璁╁叏鍥戒汉姘戦兘涓轰箣鎰熷姩銆�",
+ userAnswer: "",
+ },
+ {
+ stem: "Wang Yaping with resolve won her family鈥檚 support to be the first woman in China鈥檚 new space station.",
+ answer: "鐜嬩簹钀嶇殑鍧氭寔涓哄ス璧㈠緱浜嗗浜虹殑鏀寔锛岃濂规垚涓轰腑鍥芥柊绌洪棿绔欑殑绗竴浣嶅コ鑸ぉ鍛樸��",
+ userAnswer: "",
+ },
+ ]
+ },
+ {
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: "past",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "past",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "present",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: " past",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "present",
+ userAnswer: "",
+ isRight: null,
+ },
+ ]
+ },
+ {
+ type: "fill",
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ answer: "gave",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "spent",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "have",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "go",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+
+ answer: "begin",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "said",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "got",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+ answer: "thought",
+ userAnswer: "",
+ isRight: null,
+ },
+ {
+
+ answer: "choose",
+ userAnswer: "",
+ isRight: null,
},
]
},
@@ -2706,10 +2992,13 @@
},
resource: {
listenOne: "",
+ listenTwo: "",
+ listenThree: "",
readingOne: "",
readingTwo: "",
- videoPathOne:'',
- listenTwo:''
+ readingThree: "",
+ readingFour: "",
+ videoPathOne: ''
},
dropdownData: {
one: {
@@ -2743,69 +3032,69 @@
answer: "facial recognition",
},
},
-
- listenThree:[
+
+ listenThree: [
{
type: "fill",
isComplete: false,
isShowAnswer: false,
value: [
{
- answer:'clerk',
- userAnswer:'',
- isRight:null
+ answer: 'clerk',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'challenging',
- userAnswer:'',
- isRight:null
+ answer: 'challenging',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'numbers',
- userAnswer:'',
- isRight:null
+ answer: 'numbers',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'resume',
- userAnswer:'',
- isRight:null
+ answer: 'resume',
+ userAnswer: '',
+ isRight: null
},
{
- answer:'letter',
- userAnswer:'',
- isRight:null
+ answer: 'letter',
+ userAnswer: '',
+ isRight: null
},
]
}
],
- noSubmitThree:[
+ noSubmitThree: [
{
- type:'table',
- value:[
+ type: 'table',
+ value: [
{
- answer:'Could you tell me a little bit about yourself?',
- userAnswer:'',
- isShowAnswer:false,
+ answer: 'Could you tell me a little bit about yourself?',
+ userAnswer: '',
+ isShowAnswer: false,
},
{
- answer:'Can you tell me about that job in detail?',
- userAnswer:''
+ answer: 'Can you tell me about that job in detail?',
+ userAnswer: ''
},
{
- answer:'Why are you applying for this job then?',
- userAnswer:''
+ answer: 'Why are you applying for this job then?',
+ userAnswer: ''
},
{
answer: 'What are your strengths?',
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:'shortAnswer',
- value:[
+ type: 'shortAnswer',
+ value: [
{
- answer:[
+ answer: [
'Ask for next steps and contact information',
'Assess your interview performance',
'Write down anything you want to remember',
@@ -2816,170 +3105,170 @@
'Contact your references',
'Get comfortable with waiting'
],
- userAnswer:'',
- isShowAnswer:false
+ userAnswer: '',
+ isShowAnswer: false
},
{
- answer:'A follow-up email is a good way to show your interest in the position and, most important of all, your good manners. ',
- userAnswer:'',
- isShowAnswer:false
+ answer: 'A follow-up email is a good way to show your interest in the position and, most important of all, your good manners. ',
+ userAnswer: '',
+ isShowAnswer: false
},
]
}
],
- practicalThree:[
+ practicalThree: [
{
- type:"dropdown",
- isShowAnswer:false,
- isComplete:false,
- value:[
+ type: "dropdown",
+ isShowAnswer: false,
+ isComplete: false,
+ value: [
{
- stemOne:'Subject: 1.',
- stemTwo:'',
- answer:'1. Thanks for meeting with me',
- userAnswer:'',
- option:[
+ stemOne: 'Subject: 1.',
+ stemTwo: '',
+ answer: '1. Thanks for meeting with me',
+ userAnswer: '',
+ option: [
'1. Thanks for meeting with me',
'2. I wish I could get the job'
]
},
{
- stemOne:'2.',
- stemTwo:'Mr. Jin,',
- answer:'2. Dear',
- userAnswer:'',
- option:[
+ stemOne: '2.',
+ stemTwo: 'Mr. Jin,',
+ answer: '2. Dear',
+ userAnswer: '',
+ option: [
'1. Hello',
'2. Dear'
]
},
{
- stemOne:'3.',
- stemTwo:'the talk earlier today. Our conversation about the Marketing Manager position was inspiring,and it was fantastic to learn more about the position.',
- answer:'2. We had great fun in',
- userAnswer:'',
- option:[
+ stemOne: '3.',
+ stemTwo: 'the talk earlier today. Our conversation about the Marketing Manager position was inspiring,and it was fantastic to learn more about the position.',
+ answer: '2. We had great fun in',
+ userAnswer: '',
+ option: [
'1. Thanks so much for',
'2. We had great fun in'
]
},
{
- stemOne:"The job sounds exciting, and I think I would be an ideal candidate thanks to 4.",
- stemTwo:'in the field.',
- answer:'1. my years of experience',
- userAnswer:'',
- option:[
+ stemOne: "The job sounds exciting, and I think I would be an ideal candidate thanks to 4.",
+ stemTwo: 'in the field.',
+ answer: '1. my years of experience',
+ userAnswer: '',
+ option: [
'1. my years of experience',
"2. my friends' help"
]
- },
+ },
{
- stemOne:'5.',
- stemTwo:'.Thanks again for the opportunity.',
- answer:'1. Please contact me if you want to discuss further',
- userAnswer:'',
- option:[
+ stemOne: '5.',
+ stemTwo: '.Thanks again for the opportunity.',
+ answer: '1. Please contact me if you want to discuss further',
+ userAnswer: '',
+ option: [
'1. Please contact me if you want to discuss further',
"2. I have great confidence that I will get the job"
]
- },
- ]
- },
- {
- type:'fill',
- isComplete:false,
- isShowAnswer:false,
- value:[
- {
- stem:'thank銆�for銆�me銆�meet銆�taking銆�the銆�time銆�to銆�with銆�yesterday銆�you',
- answer:'Thank you for taking the time to meet with me yesterday.',
- userAnswer:'',
- },
- {
- stem:'I銆�appreciate銆�interview銆�me銆�the銆�time銆�to銆�took銆�you',
- answer:'I appreciate the time you took to interview me.',
- userAnswer:'',
- },
- {
- stem:'I銆�about銆�am銆�excited銆�joining銆�of銆�possibility銆�the銆�very銆�you',
- answer:'I am very excited about the possibility of joining you.',
- userAnswer:'',
- },
- {
- stem:'I銆�about銆�enjoyed銆�position銆�speaking銆�the銆�today銆�with銆�you',
- answer:'I enjoyed speaking with you today about the position.',
- userAnswer:'',
- },
- {
- stem:'I銆�am銆�and銆�for銆�forward銆�from銆�hearing銆�in銆�interested銆�look銆�to銆�very銆�working銆�you銆�you',
- answer:'I am very interested in working for you and look forward to hearing from you.',
- userAnswer:'',
},
]
},
{
- type:'emial',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'fill',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:''
+ stem: 'thank銆�for銆�me銆�meet銆�taking銆�the銆�time銆�to銆�with銆�yesterday銆�you',
+ answer: 'Thank you for taking the time to meet with me yesterday.',
+ userAnswer: '',
},
{
- userAnswer:''
+ stem: 'I銆�appreciate銆�interview銆�me銆�the銆�time銆�to銆�took銆�you',
+ answer: 'I appreciate the time you took to interview me.',
+ userAnswer: '',
},
{
- userAnswer:''
+ stem: 'I銆�about銆�am銆�excited銆�joining銆�of銆�possibility銆�the銆�very銆�you',
+ answer: 'I am very excited about the possibility of joining you.',
+ userAnswer: '',
},
{
- userAnswer:''
+ stem: 'I銆�about銆�enjoyed銆�position銆�speaking銆�the銆�today銆�with銆�you',
+ answer: 'I enjoyed speaking with you today about the position.',
+ userAnswer: '',
+ },
+ {
+ stem: 'I銆�am銆�and銆�for銆�forward銆�from銆�hearing銆�in銆�interested銆�look銆�to銆�very銆�working銆�you銆�you',
+ answer: 'I am very interested in working for you and look forward to hearing from you.',
+ userAnswer: '',
},
]
},
{
- type:'table',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'emial',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
- },
- {
- userAnswer:''
+ userAnswer: ''
},
]
},
{
- type:'emial',
- isComplete:false,
- isShowAnswer:false,
- value:[
+ type: 'table',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
},
{
- userAnswer:''
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ ]
+ },
+ {
+ type: 'emial',
+ isComplete: false,
+ isShowAnswer: false,
+ value: [
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
+ },
+ {
+ userAnswer: ''
},
]
},
@@ -3114,6 +3403,7 @@
dropTwo:[
{
type:'dropdown',
+ isComplete:false,
isShowAnswer:false,
option:[
'identify passion','go to school'
@@ -3132,6 +3422,7 @@
{
type:'dropdown',
isComplete:false,
+ isShowAnswer:false,
option:[
'change your mind',
'get another job',
@@ -3349,6 +3640,10 @@
if (bookQuestion) {
this.questionData = JSON.parse(bookQuestion);
}
+ const questionDataOne = localStorage.getItem("english-chapter-08-questionDataOne");
+ if (questionDataOne) {
+ this.questionDataOne = JSON.parse(questionDataOne);
+ }
this.getPath();
const listenThree = localStorage.getItem('english-chapter08-listenThree')
if(listenThree) this.listenThree = JSON.parse(listenThree)
@@ -3381,6 +3676,51 @@
JSON.stringify(this.questionData)
);
},
+ handleQuestionDataOne() {
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isComplete = true;
+ item.isShowAnswer = true;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = citem.answer == citem.userAnswer;
+ }
+ }
+ }
+ },
+ setQuestionDataOne() {
+ localStorage.setItem(
+ "english-chapter-08-questionDataOne",
+ JSON.stringify(this.questionDataOne)
+ );
+ },
+ recastQuestionDataOne() {
+ localStorage.removeItem("english-chapter-08-questionDataOne");
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isComplete = false;
+ item.isShowAnswer = false;
+ if (item.type == "fill") {
+ for (let cindex = 0; cindex < item.value.length; cindex++) {
+ const citem = item.value[cindex];
+ citem.isRight = null;
+ citem.userAnswer = "";
+ }
+ } else {
+ for (let dindex = 0; dindex < item.value.length; dindex++) {
+ const ditem = item.value[dindex];
+ ditem.userAnswer = "";
+ }
+ }
+ }
+ },
+ viewQuestionDataOne() {
+ for (let index = 0; index < this.questionDataOne.length; index++) {
+ const item = this.questionDataOne[index];
+ item.isShowAnswer = !item.isShowAnswer
+ }
+ },
arrayToString(data) {
if (Array.isArray(data)) {
return data.toString()
@@ -3406,21 +3746,30 @@
}
return flag;
},
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
async getPath() {
this.resource.listenOne = await getResourcePath(
- "422139A2EF66EA888C5ED1D550AE23E0"
+ "0D60202A6F614D6B23AF7C48AFC39AB6"
);
this.resource.readingOne = await getResourcePath(
- "3F442B682D84C8AB06C800B29D734920"
+ "8C19582CDE35B48FDA735B7E0C206F77"
);
this.resource.readingTwo = await getResourcePath(
- "E8719EC88026BCFB11D292AA999F6D3D"
+ "946A5702CC80B0DB657CCFD66DEE1515"
+ );
+ this.resource.readingThree = await getResourcePath(
+ "ADAFFAB7BC7A868574889809AB1166A6"
+ );
+ this.resource.readingFour = await getResourcePath(
+ "966C8CEB3448A41D92BDF9B494F02B88"
+ );
+ this.resource.listenTwo = await getResourcePath(
+ "76546423FCFAB4B861BC8B94C97D24A2"
+ );
+ this.resource.listenThree = await getResourcePath(
+ "717A3B915B114D7DC5CA9D3AAA1FC3ED"
);
this.resource.listenTwo = await getResourcePath(
"ADAFFAB7BC7A868574889809AB1166A6"
@@ -3428,7 +3777,7 @@
this.resource.videoPathOne = await getResourcePath(
"29A9C275EEF0BF71C52BE68D8842C0E4"
);
-
+
},
showAnswer(type) {
if (type == "showImg") {
@@ -3439,7 +3788,7 @@
setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
saveListenThree() {
- localStorage.setItem('english-chapter08-listenThree',JSON.stringify(this.listenThree))
+ localStorage.setItem('english-chapter08-listenThree', JSON.stringify(this.listenThree))
},
handleListenThree() {
for (let index = 0; index < this.listenThree.length; index++) {
@@ -3473,16 +3822,16 @@
}
},
saveNoSubmitThree() {
- localStorage.setItem('english-chapter08-noSubmitThree',JSON.stringify(this.noSubmitThree))
+ localStorage.setItem('english-chapter08-noSubmitThree', JSON.stringify(this.noSubmitThree))
},
- showNoSubmitThree(index,num) {
- this.$set(this.noSubmitThree[index].value[num],'isShowAnswer',!this.noSubmitThree[index].value[num].isShowAnswer)
+ showNoSubmitThree(index, num) {
+ this.$set(this.noSubmitThree[index].value[num], 'isShowAnswer', !this.noSubmitThree[index].value[num].isShowAnswer)
},
savePracticalThree() {
- localStorage.setItem('english-chapter08-practicalThree',JSON.stringify(this.practicalThree))
+ localStorage.setItem('english-chapter08-practicalThree', JSON.stringify(this.practicalThree))
},
- handlePracticalThree(index,num) {
- this.$set(this.practicalThree[index].value[num],'isRight',this.practicalThree[index].value[num].userAnswer == this.practicalThree[index].value[num].answer)
+ handlePracticalThree(index, num) {
+ this.$set(this.practicalThree[index].value[num], 'isRight', this.practicalThree[index].value[num].userAnswer == this.practicalThree[index].value[num].answer)
this.savePracticalThree()
},
showPracticalThree(index) {
@@ -3491,6 +3840,7 @@
saveNoSubmitTWo() {
localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
},
+
showNoSubmitTWo(index,num) {
this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
},
@@ -3500,6 +3850,9 @@
handleDropTwo(index,num) {
this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
this.saveDropTwo()
+ },
+ showDropTwo(index) {
+ this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer)
},
saveListenTwo() {
localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
@@ -3626,9 +3979,99 @@
outline: none;
}
}
+
.finish-box {
- border:2px dashed #d1d2d4;
- border-radius:3%;
+ border: 2px dashed #d1d2d4;
+ border-radius: 3%;
+}
+
+.poster-img {
+ width: 100%;
+ position: relative;
+}
+
+.poster-input-box-one {
+ width: 18%;
+ height: 12%;
+ position: absolute;
+ top: 49%;
+ left: 3%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-two {
+ width: 23%;
+ height: 12%;
+ position: absolute;
+ top: 14%;
+ left: 38%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-six {
+ width: 23%;
+ height: 12%;
+ position: absolute;
+ top: 30.5%;
+ left: 38%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-three {
+ width: 23%;
+ height: 11%;
+ position: absolute;
+ top: 49%;
+ left: 38%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-four {
+ width: 23%;
+ height: 12%;
+ position: absolute;
+ bottom: 22.5%;
+ left: 38%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
+}
+
+.poster-input-box-five {
+ width: 23%;
+ height: 12%;
+ position: absolute;
+ bottom: 5.4%;
+ left: 38%;
+ border: 0;
+ border-bottom: 1px solid #000000;
+
+ &:focus {
+ outline: none;
+ }
}
.po-re {
position: relative;
--
Gitblit v1.9.1