Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-07-08 98672d35b55d82335c4bd05f6434f6a6cf83c733

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/books/English/assets/images/grammar1-1.png

 src/books/English/assets/images/grammar1-2.png

 src/books/English/assets/images/grammar2-1.png

 src/books/English/assets/images/grammar2-2.png

 src/books/English/assets/images/grammar3-1.png

 src/books/English/assets/images/grammar3-2.png

 src/books/English/assets/images/grammar4-1.png

 src/books/English/assets/images/grammar4-2.png

 src/books/English/assets/images/grammar5-1.png

 src/books/English/assets/images/grammar5-2.png

 src/books/English/assets/images/grammar6-1.png

 src/books/English/assets/images/grammar6-2.png

 src/books/English/assets/images/grammar7-1.png

 src/books/English/assets/images/grammar7-2.png

 src/books/English/assets/images/grammar8-1.png

 src/books/English/assets/images/grammar8-2.png

 src/books/English/assets/images/matching-four.png

 src/books/English/assets/images/matching-two.png

 src/books/English/assets/main.less

@@ -842,6 +842,16 @@
      font-weight: bold;
    }
  }
  .tl-lf{
    text-align: left;
  }
  .tl-ju{
    text-align: justify;
  }
  .table-p{
    margin: 0%;
    text-indent: 0;
  }
  // 页码
  .preface-bottom {
    height: 104px;

 src/books/English/view/components/chapter001.vue

@@ -892,7 +892,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.one)
                  isTextRight(testData.in.answer, testData.in.one, 0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -902,7 +902,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.one) == false
                  isTextRight(testData.in.answer, testData.in.one, 0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -917,7 +917,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.two)
                  isTextRight(testData.in.answer, testData.in.two, 1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -927,7 +927,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.two) == false
                  isTextRight(testData.in.answer, testData.in.two, 1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -942,7 +942,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.three)
                  isTextRight(testData.in.answer, testData.in.three, 2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -952,7 +952,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.three) == false
                  isTextRight(testData.in.answer, testData.in.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -966,7 +966,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.four)
                  isTextRight(testData.in.answer, testData.in.four, 3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -976,7 +976,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.four) == false
                  isTextRight(testData.in.answer, testData.in.four, 3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -992,7 +992,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.five)
                  isTextRight(testData.in.answer, testData.in.five, 4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1002,7 +1002,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.in.answer, testData.in.five) == false
                  isTextRight(testData.in.answer, testData.in.five, 4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1131,10 +1131,9 @@
                </svg>
              </span>
            </p>
            <div class="openImgBox">
              <img src="../../assets/images/grammar.jpg" class="w100" />
            <div class="openImgBox" v-if="showImg">
              <img class="w100"  :src="imgThirteen"  />
            </div>
            <!-- <el-image v-if="showImg" :src="imgThirteen" :preview-src-list="[imgThirteen]" /> -->
            <p>A.Combine the following sentences into if-clauses.</p>
            <p>
              1.Try using sticks.You can enjoy the fun of having a real Chinese
@@ -1203,7 +1202,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.one)
                  isTextRight(testData.cm.answer, testData.cm.one, 0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1213,7 +1212,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.one) == false
                  isTextRight(testData.cm.answer, testData.cm.one, 0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1229,7 +1228,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.two)
                  isTextRight(testData.cm.answer, testData.cm.two, 1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1239,7 +1238,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.two) == false
                  isTextRight(testData.cm.answer, testData.cm.two, 1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1256,7 +1255,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.three)
                  isTextRight(testData.cm.answer, testData.cm.three, 2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1266,7 +1265,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.three) == false
                  isTextRight(testData.cm.answer, testData.cm.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1283,7 +1282,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.four)
                  isTextRight(testData.cm.answer, testData.cm.four, 3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1293,7 +1292,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.four) == false
                  isTextRight(testData.cm.answer, testData.cm.four, 3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1311,7 +1310,7 @@
              <span>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.five)
                  isTextRight(testData.cm.answer, testData.cm.five, 4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
@@ -1321,7 +1320,7 @@
                </svg>
                <svg v-if="
                  testData.isComplete &&
                  isTextRight(testData.cm.answer, testData.cm.five) == false
                  isTextRight(testData.cm.answer, testData.cm.five, 4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
@@ -1333,7 +1332,7 @@
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案： 1.whether &nbsp; 2.if &nbsp; 3.whether &nbsp; 4.whether
              &nbsp; 5.if
              &nbsp; 5.If
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl">
@@ -1909,9 +1908,7 @@
        <div class="padding-93">
          <div class="bodystyle">
            <h3 id="c006"><span class="bjh3">Reading</span></h3>
            <p class="center">

            </p>
            <p class="center"></p>
            <p class="img"></p>
            <p>
              1.We are witnessing the rapid development of modern society.What
@@ -1929,13 +1926,15 @@
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
              答案：(1)intercitut rain(2)online shopping (3)electronic payment (4)shared bike (5)take-away service
              (6)facial recognition
              (7)2022 Beijing Winter Olympics (8)2023 World University Games (9)Hong Kong-Zhuhai-Macao Bridge
              (10)Scenery spots, such as Jiuzhaigou, the Palace Museum, the Great Wall
              答案：(1)intercitut rain(2)online shopping (3)electronic payment
              (4)shared bike (5)take-away service (6)facial recognition (7)2022
              Beijing Winter Olympics (8)2023 World University Games (9)Hong
              Kong-Zhuhai-Macao Bridge (10)Scenery spots, such as Jiuzhaigou,
              the Palace Museum, the Great Wall
            </p>
            <p>2.What will our life be like in ten or twenty years?
              <span class="btn-box" @click="showAnswerSex = !showAnswerSex">
            <p>
              2.What will our life be like in ten or twenty years?
              <span class="btn-box" @click="showAnswerSix = !showAnswerSix">
                <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"
@@ -1947,9 +1946,9 @@
            <textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSex">
              答案：(1)population aging (2)worsening climate change
              (3)more automation and Al,such as flying cars, driverless
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
              答案：(1)population aging (2)worsening climate change (3)more
              automation and Al,such as flying cars, driverless
            </p>
            <p class="center"><b>The Great Progress in China</b></p>
            <p class="center">
@@ -1958,54 +1957,77 @@
            </p>
            <p>
              On August 31st,2012,as I landed my feet on Chinese ground,I
              started to breathe in the air coming from the breeze.It was
              started to breathe in the air coming from the
              <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
              .It was
              familiar.I felt so excited to be back in China,though that time
              was for my studies.In a matter of days,I made a lot of friends
              from different countries and one afternoon,my friends and I
              planned to visit the world-famous Sun Yat-sen
              Mausoleum.A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 120px" v-model="testData.in.one" @change="setTestData" /> I looked around with
              curiosity,and
              everything seemed to move at a quick pace.
              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" />
              I looked around with curiosity,and everything seemed to move at a
              quick
              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
            </p>
            <p>
              Six months later,as I walked down the hall of my dormitory,I met
              my neighbour who was overwhelmed by big and small packages and
              Six months later,as I walked down the hall of my
              <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
              ,I met
              my
              <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
              who was overwhelmed by big and small packages and
              boxes.I asked,“Hey,Alison.What are all these?” She
              replied,“Hello,Vanessa.I received my packages from the delivery
              man.I’ve been buying a lot of stuff via an online shop.” I went to
              my room to turn on my laptop and typed in the key words.I was
              stunned; I couldn’t believe my eyes.It is actually an online
              man.I’ve been buying a lot of stuff
              <span class="word-bc" @click="saveWord($event, 'via')">via</span>
              an online shop.” I went to
              my room to turn on my
              <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
              and typed in the key words.I was
              <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
              ; I couldn’t believe my eyes.It is actually an online
              shopping website where you can buy anything you can think of.
            </p>
            <p>
              After my graduation in 2015,I joined another university in
              Shanghai for further studies.I always saw my Chinese classmates
              paying with their phones; this triggered my attention.With the
              paying with their phones; this
              <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
              my attention.With the
              help of my classmates,I finally got my own online payment
              account.This is an absolute gadget,very convenient and easy to
              use.With the start of this new era,I always go out without my
              account.This is an absolute
              <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
              ,very convenient and easy to
              use.With the start of this new
              <span class="word-bc" @click="saveWord($event, 'era')">era</span>
              ,I always go out without my
              wallet.
            </p>
            <p>
              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" /> I went through all the necessary procedures and
              couldn’t wait to ride my first shared bike.
                v-model="testData.in.one" @change="setTestData" />
              I went through all the necessary procedures and couldn’t wait to
              ride my first shared bike.
            </p>
            <p>
              Last but not least,nearly at the end of 2016,the ordering
              platforms made their appearance on all Chinese
              phones.C.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 120px" v-model="testData.in.one" @change="setTestData" /> What makes my life easier is
              that I can
              buy vegetables and fruits online and get them delivered to my
              door.
              platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
              What makes my life easier is that I can buy vegetables and fruits
              online and get them delivered to my door.
            </p>
            <p>
              The five aspects that I mentioned above changed the life of
              millions of people around China.The Chinese economy is
              booming,which makes people well off.I’ve been in China for several
              years and witnessed China’s potential.
              millions of people around China.The Chinese 
              <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
              is
              <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
              ,which makes people well off.I’ve been in China for several
              years and witnessed China’s 
              <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
              .
            </p>
          </div>
        </div>
@@ -2160,16 +2182,28 @@
              blanks.
            </p>
            <p>
              1.It wasn’t long until I discovered the shared bikes in
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 1.It wasn’t long until I discovered the shared bikes in
              2016,serving people in several cities.
            </p>
            <p>
              2.People can order their desired food,from soup to noodles,from
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 2.People can order their desired food,from soup to noodles,from
              barbecue to hot pot.
            </p>
            <p>
              3.It was at that moment that I knew about the metro system.It was
              new,fast,and extraordinary.
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 3.It was at that moment that I knew about the metro system.It
              was new,fast,and extraordinary.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showlessonTwoQuestionAnswer">
@@ -2180,29 +2214,44 @@
              (F).
            </p>
            <p>
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" /> ) 1.Vanessa made a lot of friends as soon as she
              arrived in
              China.
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
            </p>
            <p>
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 2.Before Vanessa came to China,she knew a lot about
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 2.Before Vanessa came to China,she knew a lot about
              the metro
              system.
            </p>
            <p>
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 3.Vanessa didn’t know about online shopping before
              she met
              her neighbour Alison.
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 3.Vanessa didn’t know about online shopping before
              she met her
              neighbour Alison.
            </p>
            <p>(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 4.Vanessa got her own online payment account by
              herself.</p>
            <p>
              (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
                v-model="testData.in.one" @change="setTestData" />) 5.Buying vegetables and fruits online makes
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 4.Vanessa got her own online payment account by
              herself.
            </p>
            <p>
              ( <select v-model="dropdownData.one.value" style="width: 8%">
                <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> ) 5.Buying vegetables and fruits online makes
              Vanessa’s life
              easier.
            </p>
@@ -2242,7 +2291,8 @@
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showlessonTwoQuestionAnswer">
              答案： 1.witnessed &nbsp; 2.extraordinary &nbsp; 3.via &nbsp; 4.era &nbsp; 5.pace
              答案： 1.witnessed &nbsp; 2.extraordinary &nbsp; 3.via &nbsp;
              4.era &nbsp; 5.pace
            </p>
            <p>
              B.Fill in the blanks with the proper form of the expressions given
@@ -2253,9 +2303,11 @@
                a matter of　go through　last but not least　well off　type in
              </p>
            </div>
            <p>1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
            <p>
              1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
              data.</p>
              data.
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -2280,24 +2332,42 @@
            <p>
              2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
                v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
              online shops.
              online
              shops.
            </p>
            <p>
              3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
            </p>
            <p>4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.</p>
            <p>
              4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
            </p>
            <p>
              5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
                v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
              deserve respect.
              deserve
              respect.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showlessonTwoQuestionAnswer">
              答案： 1.went through &nbsp; 2.Type in &nbsp; 3.a matter of &nbsp; 4.well Off &nbsp; 5.Last but not least
              答案： 1.went through &nbsp; 2.Type in &nbsp; 3.a matter of &nbsp;
              4.well Off &nbsp; 5.Last but not least
            </p>
            <p><b>Ⅲ.Grammar focus:The simple sentence.</b></p>
            <p><b>Ⅲ.Grammar focus:The simple sentence.</b>
              <span class="btn-box" @click="showAnswer('showImgOne')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
            <div class="openImgBox" v-if="showImgOne">
              <img class="w100"  :src="imgThirteenOne"  />
            </div>
            <p>
              Read the examples and write down the sentence structure of the
              following sentences in the brackets.
@@ -2316,27 +2386,48 @@
                phones.(S+V+O+C)
              </p>
            </div>
            <p>1.It is actually an online shopping website.（<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）</p>
            <p>
              2.Vanessa finally got her own online payment account.（<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）
              1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
                <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> )
            </p>
            <p>
              2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
                style="width: 15%">
                <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> )
            </p>
            <p>
              3.China offers researchers world-class advanced research
              facilities in the institutes. （<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）
              facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
                <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> )
            </p>
            <p>
              4.These friends made Vanessa see China through the eyes of the
              locals.（<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
                v-model="testData.in.one" @change="setTestData" />）
              locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
                <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> )
            </p>
            <p>5.The list of Chinese food never ends.（<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />）</p>
            <p>
              5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
                <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
                  {{ item }}
                </option>
              </select> )
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showlessonTwoQuestionAnswer">
              答案： 1.S+V+C &nbsp; 2.S+V+O &nbsp; 3.S+V+O+O &nbsp; 4.S+V+O+C &nbsp; 5.S+V
              答案： 1.S+V+C &nbsp; 2.S+V+O &nbsp; 3.S+V+O+O &nbsp; 4.S+V+O+C
              &nbsp; 5.S+V
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl">
@@ -2352,7 +2443,9 @@
                  </button>
                </li>
                <li>
                  <button @click="showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer" class="parimary-btn">
                  <button @click="
                    showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer
                    " class="parimary-btn">
                    查看答案
                  </button>
                </li>
@@ -2424,50 +2517,50 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.thirteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td colspan="3" style="text-align: left;">
                <td colspan="3" style="text-align: left">
                  Your suggestion:
                  <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.nineteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -2492,24 +2585,25 @@
              people and the food.China is a large country with diverse
              landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
              is a modern
              public transportation system including city
              is a modern public transportation system including city
              buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
                v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
              highway network.These make travel 4.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />and
              efficient and
              allow me to go to many places to enjoy the scenery and
              culture.China’s natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
              highway
              network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
              to many places to enjoy the
              scenery and culture.China’s natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
                @change="setTestData" />me,from the pure
              blue waterfalls in Jiuzhaigou to the snowcapped mountains of
              Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                style="width: 60px" v-model="testData.in.one" @change="setTestData" />of Sanya to the rocky seaside
              of Laoshan… China is such a beautiful country!
                @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
              mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
              Sanya to the rocky seaside of Laoshan… China is such a
              beautiful country!
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonThreeQuestionAnswer">
              答案： 1.culture &nbsp; 2.explore &nbsp; 3.subways &nbsp; 4.convenient &nbsp; 5.surprising &nbsp; 6.beach
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
              v-if="showlessonThreeQuestionAnswer">
              答案： 1.culture &nbsp; 2.explore &nbsp; 3.subways &nbsp;
              4.convenient &nbsp; 5.surprising &nbsp; 6.beach
            </p>
            <p>
              <b>Ⅱ.Listen to the conversation about planning for the upcoming
@@ -2557,7 +2651,8 @@
            </p>
            <h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
            <p>Work with your partner to discuss the following questions.</p>
            <p>1.How do you let others know about an upcoming event?
            <p>
              1.How do you let others know about an upcoming event?
              <span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
@@ -2571,8 +2666,8 @@
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
              答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus radio &nbsp; (4)Campus TV station &nbsp;
              (5)Notice
              答案： (1)posters &nbsp; (2)Wechat public account &nbsp; (3)Campus
              radio &nbsp; (4)Campus TV station &nbsp; (5)Notice
            </p>
            <p>
              2.What information would you like to tell them about the event?
@@ -2585,7 +2680,7 @@
              </span>
            </p>
            <!-- 文本框 -->
            <textarea v-model="questionData.reading.sex" placeholder="请输入内容" rows="6"
            <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <!-- 答案框 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
@@ -2705,21 +2800,30 @@
                  v-model="testData.in.one" @change="setTestData" />
              </p>
              <p>2.What should be included in the exhibition?</p>
              <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" /></p>
              <p>
                <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" />
              </p>
              <p>3.Where will the exhibition be held?</p>
              <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" /></p>
              <p>
                <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" />
              </p>
              <p>4.When will the exhibition be held?</p>
              <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" /></p>
              <p>
                <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
                  v-model="testData.in.one" @change="setTestData" />
              </p>
              <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                v-if="showlessonThreeQuestionAnswer">
              <span>答案：</span>
              <p>1、 Traditional handicraft show</p>
              <p>2、 Various handicrafts made by Chinese students in theirtraditional Chinese culture courses</p>
              <p>3、 Students activity center.</p>
              <p>4、 November 13th -- 19th</p> 
                <span>答案：</span>
                <p>1、 Traditional handicraft show</p>
                <p>
                  2、 Various handicrafts made by Chinese students in
                  theirtraditional Chinese culture courses
                </p>
                <p>3、 Students activity center.</p>
                <p>4、 November 13th -- 19th</p>
              </div>
              <p>...</p>
            </div>
@@ -2825,7 +2929,10 @@
                  </button>
                </li>
                <li>
                  <button @click="showlessonThreeQuestionAnswer = !showlessonThreeQuestionAnswer" class="parimary-btn">
                  <button @click="
                    showlessonThreeQuestionAnswer =
                    !showlessonThreeQuestionAnswer
                    " class="parimary-btn">
                    查看答案
                  </button>
                </li>
@@ -2855,16 +2962,18 @@
  data() {
    return {
      imgThirteen: require("../../assets/images/grammar.jpg"),
      imgThirteenOne: require("../../assets/images/grammar1-2.png"),
      showAnswerOne: false,
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showAnswerSex: false,
      showAnsweSix: false,
      showAnswerSeven: false,
      showAnswerEight: false,
      showAnswerNine: false,
      showImg: false,
      showImgOne: false,
      showQuestionAnswer: false,
      showlessonTwoQuestionAnswer: false,
      showlessonThreeQuestionAnswer: false,
@@ -3026,7 +3135,7 @@
          three: "",
          four: "",
          five: "",
          sex: "",
          six: "",
        },
        table: {
          one: "",
@@ -3038,6 +3147,16 @@
          seven: "",
          enight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
          thirteen: "",
          fourteen: "",
          fifteen: "",
          sixteen: "",
          seventeen: "",
          eighteen: "",
          nineteen: "",
        },
      },
      testData: {
@@ -3089,7 +3208,7 @@
          three: "",
          four: "",
          five: "",
          answer: ["whether", "if", "whether", "whether", "if"],
          answer: ["whether", "if", "whether", "whether", "If"],
        },
      },
      resource: {
@@ -3108,6 +3227,22 @@
        "intercity train",
        "shared bike",
        "take-away service",
      ],
      dropDownListOne: [
        "A",
        "B",
        "C",
      ],
      dropDownListTwo: [
        "T",
        "F",
      ],
      dropDownListThree: [
        "S+V",
        "S+V+O",
        "S+V+P",
        "S+V+O+O",
        "S+V+O+C",
      ],
      dropdownData: {
        isComplete: false,
@@ -3217,7 +3352,7 @@
          three: "",
          four: "",
          five: "",
          answer: ["whether", "if", "whether", "whether", "if"],
          answer: ["whether", "if", "whether", "whether", "If"],
        },
      };
    },
@@ -3253,7 +3388,10 @@
    showAnswer(type) {
      if (type == "showImg") {
        this.showImg = !this.showImg;
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(()=>{  this.$emit("initViewer","")},500)
    },
    handleQuestion(type) {
      if (type == "one") {
@@ -3301,19 +3439,19 @@
        }
      }
      this.dropdownData = dropdownDatas;
      this.$set(this.dropdownData, 'isComplete', true)
      this.setDropdownData()
      this.$set(this.dropdownData, "isComplete", true);
      this.setDropdownData();
    },
    changeDropdown() {
      localStorage.removeItem("english-dropdown-one");
      for (let key in this.dropdownData) {
        let item = this.dropdownData[key];
        if (key != 'isComplete') {
        if (key != "isComplete") {
          item.value = "";
          item.isRight = null;
        }
      }
      this.$set(this.dropdownData, 'isComplete', false)
      this.$set(this.dropdownData, "isComplete", false);
    },
    setDropdownData() {
      localStorage.setItem(
@@ -3352,10 +3490,10 @@
      }
      return flag;
    },
    isTextRight(answer, data) {
    isTextRight(answer, data, num) {
      let flag = null;
      if (data) {
        flag = answer.indexOf(data) > -1 ? true : false;
        flag = answer[num] == data
      }
      return flag;
    },

 src/books/English/view/components/chapter002.vue

@@ -223,7 +223,7 @@
                </svg>
              </span>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwo">
              答案：(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
@@ -637,7 +637,20 @@
              <p>3、他们就如何在工作中正确处理文化差异给了我们一些建议。</p>
              <p>4、在办公室穿着合适的衣服会让你感到舒适和自信。</p>
            </div>
            <p><b>Ⅲ.Grammar focus:“it” as formal subject.</b></p>
            <p><b>Ⅲ.Grammar focus:“it” as formal subject.</b>
              <span class="btn-box" @click="showAnswer('showImg')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
            <div class="openImgBox" v-if="showImg">
              <img class="w100"  :src="imgThirteen"  />
            </div>
            <p>
              A.Read the example and underline the real subject that “it”
              represents in the following sentences.
@@ -787,33 +800,33 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Eye Contact</td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -849,22 +862,22 @@
              <tr class="table-tr-bc" style="width: 40%">
                <td class="wh-no tl-cn">Gift Exchange</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="wh-no tl-cn">Table Manners</td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td class="tl-w-45">
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -945,16 +958,33 @@
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
                @play="audioPlay"></audio></p>
            <p>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
            <p>For an 
              <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
               or a country,a period of 14 years is long enough to become calm,confident and 
               <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
               .On
              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
            <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
              journalist.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
              .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              would be the world’s first city to host both the Summer and Winter Olympics.Now it was real and I was
              simply enjoying the moment.</p>
            <p>Turning up as simple but impressive,the opening ceremony lasted for about two hours with less performing
              artists but more audio-visual technologies to tell the story of “togetherness” rather than introducing
              “myself” 14 years ago at the same sports field.The snowflake-shaped Olympic cauldron,formed by the smaller
              snowflakes with names of the participating countries and regions on them,was lit by two young Chinese
            <p>Turning up as simple but 
              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
              ,the opening 
              <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
               lasted for about two hours with less performing
              artists but more 
              <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
               technologies to tell the story of “togetherness” rather than introducing
              “myself” 14 years ago at the same sports field.The 
              <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
              -shaped Olympic
              <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
              ,formed by the smaller
              snowflakes with names of the 
              <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
               countries and regions on them,was lit by two young Chinese
              athletes.</p>
          </div>
        </div>
@@ -978,16 +1008,29 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
              “exceptional”,not only because of the pandemic situation but also a different China now —more confident in
              “
              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
              ”,not only because of the 
              <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
               situation but also a different China now —more confident in
              its culture.</p>
            <p>In the summer 14 years ago,I was like a festivalgoer full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the track due to injury.In the
            <p>In the summer 14 years ago,I was like a 
              <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
               full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the 
              <span class="word-bc" @click="saveWord($event, 'track')">track</span> 
               due to injury.In the
              winter of 2022,I shared my passion in the Olympics in another way —more serious at work,fitter self
              —thanks to regular exercise and a positive view of sports competition.</p>
              —thanks to regular exercise and a positive view of sports 
              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> 
              .</p>
            <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we impressed the
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we 
              <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
              world while in 2022 we became people-centered —for athletes and the people.”</p>
            <p>I failed to control myself the moments when the Chinese national anthem was played and when images of
            <p>I failed to control myself the moments when the Chinese national 
              <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
               was played and when images of
              people from all walks of life were displayed during the scene of “Paying Tribute to the People”.It is this
              country and its people that made the Olympics happen.I’m as tearful as usual for now I’m deeply in love.
            </p>
@@ -1151,11 +1194,11 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one"
                  <textarea v-model="questionData.table.nineteen"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two"
                  <textarea v-model="questionData.table.twenty"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1234,7 +1277,20 @@
              答案：(1) due to &nbsp; (2) focuses on &nbsp; (3)failed to &nbsp; (4)paid tribute to &nbsp; (5) move away
              &nbsp;
            </p>
            <p><b>Ⅲ.Grammar focus:Active and passive voice.</b></p>
            <p><b>Ⅲ.Grammar focus:Active and passive voice.</b>
              <span class="btn-box" @click="showAnswer('showImgOne')">
                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                    p-id="30865"></path>
                </svg>
              </span>
            </p>
            <div class="openImgBox" v-if="showImgOne">
              <img class="w100"  :src="imgThirteenOne" />
            </div>
            <p>Complete the passage using the correct form of the verbs in the brackets.</p>
            <p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
@@ -1284,17 +1340,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn">Chinses Art</td>
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1328,21 +1384,21 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.sex" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td style="width: 90%;">
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1576,55 +1632,55 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1674,139 +1730,139 @@
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.forty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.fortyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fortyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.fifty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyOne" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
                  <textarea v-model="questionData.table.fiftyFive" class="w100 table-tr-bc b0 table-textarea "
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.fiftyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td rowspan="3">
                  <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
                  <textarea v-model="questionData.table.sixty" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyOne" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyTwo" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyThree" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyFour" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyFive" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtySix" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtySeven" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyEight" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
                  <textarea v-model="questionData.table.sixtyNine" class="w100 table-tr-bc b0 table-textarea"
                    @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -1841,13 +1897,15 @@
  },
  data() {
    return {
      imgThirteen: require("../../assets/images/grammar.jpg"),
      imgThirteen: require("../../assets/images/grammar2-1.png"),
      imgThirteenOne: require("../../assets/images/grammar2-2.png"),
      showAnswerOne: false,
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showImgOne:false,
      showLessonOneQuestionAnswer: false,
      rawData: {
        left: [
@@ -2015,6 +2073,66 @@
          seven: "",
          enight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
          thirteen: "",
          fourteen: "",
          fifteen: "",
          sixteen: "",
          seventeen: "",
          eighteen: "",
          nineteen: "",
          twenty: "",
          twentyOne:"",
          twentyTwo:"",
          twentyThree:"",
          twentyFour:"",
          twentyFive:"",
          twentySix:"",
          twentySeven:"",
          twentyEight:"",
          twentyNine:"",
          thirty: "",
          thirtyOne:"",
          thirtyTwo:"",
          thirtyThree:"",
          thirtyFour:"",
          thirtyFive:"",
          thirtySix:"",
          thirtySeven:"",
          thirtyEight:"",
          thirtyNine:"",
          forty: "",
          fortyOne:"",
          fortyTwo:"",
          fortyThree:"",
          fortyFour:"",
          fortyFive:"",
          fortySix:"",
          fortySeven:"",
          fortyEight:"",
          fortyNine:"",
          fifty: "",
          fiftyOne:"",
          fiftyTwo:"",
          fiftyThree:"",
          fiftyFour:"",
          fiftyFive:"",
          fiftySix:"",
          fiftySeven:"",
          fiftyEight:"",
          fiftyNine:"",
          sixty: "",
          sixtyOne:"",
          sixtyTwo:"",
          sixtyThree:"",
          sixtyFour:"",
          sixtyFive:"",
          sixtySix:"",
          sixtySeven:"",
          sixtyEight:"",
          sixtyNine:"",
        },
      },
      testData: {
@@ -2218,7 +2336,10 @@
    showAnswer(type) {
      if (type == "showImg") {
        this.showImg = !this.showImg;
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(()=>{  this.$emit("initViewer","")},500)
    },
    handleQuestion(type) {
      if (type == "one") {

 src/books/English/view/components/chapter003.vue

@@ -1,5 +1,5 @@
<template>
    <div class="chapter" num="4"> 
    <div class="chapter" num="4">
        <!-- 第三单元 -->
        <!-- 38 -->
        <div class="page-box" page="44">
@@ -10,7 +10,10 @@
                <p class="img"></p>
                <p><b>This unit will help you to:</b></p>
                <p>➢ Learn words and expressions about volunteering</p>
                <p>➢ Review the structure of the present continuous tense and the simple future tense</p>
                <p>
                    ➢ Review the structure of the present continuous tense and the simple
                    future tense
                </p>
                <p>➢ Ask for clarification politely</p>
                <p>➢ Be able to fill in the profile properly</p>
                <p>➢ Get ready to volunteer</p>
@@ -35,12 +38,19 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b009"><img class="img-0" alt="" src="../../assets/images/dy3-le1.jpg" /></h2>
                        <h2 id="b009">
                            <img class="img-0" alt="" src="../../assets/images/dy3-le1.jpg" />
                        </h2>
                        <h3 id="c019"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Put the expressions in the box below on the corresponding answer line under each
                                picture.</b></p>
                        <p>
                            <b>Ⅰ.Put the expressions in the box below on the corresponding
                                answer line under each picture.</b>
                        </p>
                        <div class="bk-wh">
                            <p>animal rescue and care　blood donation　community clean-ups　language service</p>
                            <p>
                                animal rescue and care　blood donation　community
                                clean-ups　language service
                            </p>
                        </div>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
@@ -119,7 +129,6 @@
                                    </p>
                                </div>
                            </div>

                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
@@ -213,23 +222,68 @@
                                </button>
                            </div>
                        </div>
                        <p><b>Ⅱ.Talk to your partner about the types of volunteer work you know.</b></p>
                        <h3 id="c020"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
                        <p><b>Watch the video and mark the best answer to each question.</b></p>
                        <div style="display: flex;">
                            <div class="left" style="width: 55%; margin-top: 11%;">
                        <p>
                            <b>Ⅱ.Talk to your partner about the types of volunteer work you
                                know.</b>
                            <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
                                <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 v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                            style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                            @change="setBookQuestion"></textarea>
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerOne">
                            <span>答案：</span>
                            <p>Going to the countryside to teach kids;</p>
                            <p>Participating in community service;</p>
                            <p>Taking care of the old in a nursing home;</p>
                            <p>Membership in community associations;</p>
                            <p>Census participation;</p>
                            <p>Wildlife conservation;</p>
                            <p>Environment protection;</p>
                            <p>Community development;</p>
                            <p>Arts and music NGO support.</p>
                        </div>
                        <h3 id="c020" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p>
                            <b>Watch the video and mark the best answer to each question.</b>
                        </p>
                        <div style="display: flex">
                            <div class="left" style="width: 55%; margin-top: 11%">
                                <p>1.Why do you want to be a volunteer?</p>
                            </div>
                            <div class="right" style="widtinputh: 45%;">
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> You can change lives.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> You can stay with friends.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> You can teach new skills.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> You can make more money.</p>
                            <div class="right" style="width: 45%">
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    You can change lives.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    You can stay with friends.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    You can teach new skills.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    You can make more money.
                                </p>
                            </div>
                        </div>
                    </div>
@@ -255,63 +309,177 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <div style="display: flex">
                            <div class="left" style="width: 55%; margin-top: 11%;">
                            <div class="left" style="width: 55%; margin-top: 11%">
                                <p>2.Who are more likely to be volunteers?</p>
                            </div>
                            <div class="right" style="width: 45%;">
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> College students.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> Nonprofessionals.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> People without jobs.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" /> Children.</p>
                            <div class="right" style="width: 45%">
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    College students.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    Nonprofessionals.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    People without jobs.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />
                                    Children.
                                </p>
                            </div>
                        </div>
                        <div style="display: flex">
                            <div class="left" style="width: 50%; margin-top: 11%;">
                            <div class="left" style="width: 50%; margin-top: 11%">
                                <p>3.Which activity is NOT mentioned in the video?</p>
                            </div>
                            <div class="right" style="width: 50%;">
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Volunteering in sport.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Emergency services.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Helping people with disabilities.</p>
                                <p>　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Teaching.</p>
                            <div class="right" style="width: 50%">
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Volunteering in sport.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Emergency services.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Helping people with disabilities.
                                </p>
                                <p>
                                    　<input type="checkbox" name="ball" value="Language" id="1"
                                        v-model="testData.check" />Teaching.
                                </p>
                            </div>
                        </div>
                        <!-- 提交按钮 -->
                        <div class="w100 fl">
                            <ul class="fl ju-ar w100">
                                <li>
                                    <button class="btn-border btn-w" @click="saveData">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeTestData" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <h3 id="c021"><span class="bjh3">Reading</span></h3>
                        <p>1.As the saying goes,“The rose is in her hand,the flavor in mine.” What’s your understanding
                            of this saying?</p>
                        <p>2.In what way do you help others in daily life?</p>
                        <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
                        <p class="center"><b>Volunteering and Its Surprising Benefits</b></p>
                        <p>With busy life,it can be hard to find time to volunteer.However,the benefits of volunteering
                            can be enormous.</p>
                        <p>One of the most well-known benefits of volunteering is the impact on the
                            community.Volunteering allows you to connect to your community and make it a better
                            place.Even helping out with the smallest tasks can make a real difference to the life of
                            people in need.Volunteering can benefit you and your family as well as the people you choose
                            to help.Doing volunteer work helps you make new friends,expand your network,and boost your
                            social skills.</p>
                        <p>Volunteering helps reduce the effects of stress,anger,and anxiety.The social contact aspect
                            of helping and working with others can have a great effect on your overall mental
                            health.Nothing reduces stress better than a meaningful connection to another person.Studies
                            have found that those who volunteer have a lower mortality rate than those who do not.</p>
                        <p>If you’re considering a new career,volunteering can help you get experience in your area of
                            interest and meet people in the field.Even if you’re not planning to change
                            careers,volunteering can give you the opportunity to practice important qualities and skills
                            used in work,such as teamwork,communication skills and problem-solving skills.You might feel
                            more comfortable stretching your wings at work once you’ve developed these qualities and
                            skills in a volunteer position first.</p>
                    </div>
                    <div>
                        <p>
                            1.As the saying goes,“The rose is in her hand,the flavor in mine.”
                            What’s your understanding of this saying?
                            <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
                                <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 v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                            style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                            @change="setBookQuestion"></textarea>
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerTwo">
                            <span>答案：</span>
                            <p>
                                1、It means helping others is a virtue like the fragrance of
                                rose.
                            </p>
                            <p>
                                2、You share rose, you get fun or you benefit from your action.
                            </p>
                            <p>3、We help others, we will feel happy.</p>
                            <p>4、 Helping others, warming yourself.</p>
                        </div>
                        <p>
                            2.In what way do you help others in daily life?
                            <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
                                <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 v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                            style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                            @change="setBookQuestion"></textarea>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
                            v-if="showAnswerThree">
                            答案： share your experience of helping others briefly, such as:
                            helping the classmates with their homework, working as a volunteer
                            in an activity, giving a hand to someone with their heavy luggage,
                        </p>
                        <p class="center">
                            <b>Volunteering and Its Surprising Benefits</b>
                        </p>
                        <p class="center">
                            <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
                        </p>
                        <p>
                            With busy life,it can be hard to find time to
                            volunteer.However,the benefits of volunteering can be
                            <span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
                        </p>
                        <p>
                            One of the most well-known benefits of volunteering is the impact
                            on the community.Volunteering allows you to connect to your
                            community and make it a better place.Even helping out with the
                            smallest tasks can make a real difference to the life of people in
                            need.Volunteering can benefit you and your family as well as the
                            people you choose to help.Doing volunteer work helps you make new
                            friends,
                            <span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
                            your network,and
                            <span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
                            your social skills.
                        </p>
                        <p>
                            Volunteering helps reduce the effects of stress,anger,and
                            <span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
                            .The social contact aspect of helping and working with
                            others can have a great effect on your overall mental
                            health.Nothing reduces stress better than a
                            <span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
                            connection
                            to another person.Studies have found that those who volunteer have
                            a lower
                            <span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
                            rate than those who do not.
                        </p>
                        <p>
                            If you’re considering a new career,volunteering can help you get
                            experience in your area of interest and meet people in the
                            field.Even if you’re not planning to change careers,volunteering
                            can give you the opportunity to practice important qualities and
                            skills used in work,such as teamwork,
                            <span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
                            skills and
                            problem-solving skills.You might feel more comfortable stretching
                            your wings at work once you’ve developed these qualities and
                            skills in a volunteer position first.
                        </p>
                    </div>
                </div>

                <!-- 页码  -->
                <div class="preface-bottom">
                    <span class="contet-num-box">40</span>
                </div>
@@ -332,15 +500,32 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>What’s more,volunteering is a fun and easy way to explore your interests and passions.Doing
                            volunteer work can be a relaxing,energizing escape from your day-to-day routine of
                            work,school,or family commitments.Volunteering also provides you with
                            creativity,motivation,and vision that can carry over into your personal life and your
                            career.</p>
                        <p>In a word,volunteering has a great influence on your body and mental health.Remember when you
                            help people,you help yourself as well.When you make plans for yourself,it is always a good
                            idea to spare some time for volunteering service.Not only can volunteering improve your
                            résumé,but it can also help connect you to more people and bring fulfillment to your life.
                        <p>
                            What’s more,volunteering is a fun and easy way to explore your
                            interests and
                            <span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
                            .Doing volunteer work can be a
                            relaxing,
                            <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
                            escape from your day-to-day routine of
                            work,school,or family
                            <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
                            .Volunteering also provides you
                            with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
                            ,motivation,and
                            <span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
                            that can carry over into
                            your personal life and your career.
                        </p>
                        <p>
                            In a word,volunteering has a great influence on your body and
                            mental health.Remember when you help people,you help yourself as
                            well.When you make plans for yourself,it is always a good idea to
                            spare some time for volunteering service.Not only can volunteering
                            improve your résumé,but it can also help connect you to more
                            people and bring
                            <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
                            to your life.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
@@ -354,16 +539,23 @@
                        </div>
                        <p>expand /ɪkˈspænd/ <i>v.</i> 扩大，增加（尺码、数量或重要性）</p>
                        <div class="bkbj">
                            <p><i>to become greater in size,number or importance; to make sth.greater in size,number or
                                    importance</i></p>
                            <p>
                                <i>to become greater in size,number or importance; to make
                                    sth.greater in size,number or importance</i>
                            </p>
                        </div>
                        <p>boost /buːst/ <i>v.</i> 使增长；使兴旺</p>
                        <div class="bkbj">
                            <p><i>to make sth.increase,or become better or more successful</i></p>
                            <p>
                                <i>to make sth.increase,or become better or more successful</i>
                            </p>
                        </div>
                        <p>anxiety /æŋˈzaɪəti/ <i>n.</i> 焦虑；忧虑</p>
                        <div class="bkbj">
                            <p><i>the state of feeling nervous or worried that sth.bad is going to happen</i></p>
                            <p>
                                <i>the state of feeling nervous or worried that sth.bad is going
                                    to happen</i>
                            </p>
                        </div>
                        <p>meaningful /ˈmiːnɪŋfl/ <i>adj.</i> 重要的；严肃的</p>
                        <div class="bkbj">
@@ -371,18 +563,28 @@
                        </div>
                        <p>mortality /mɔːˈtæləti/ <i>n.</i> 死亡率；死亡数量</p>
                        <div class="bkbj">
                            <p><i>the number of deaths in a particular situation or period of time</i></p>
                            <p>
                                <i>the number of deaths in a particular situation or period of
                                    time</i>
                            </p>
                        </div>
                        <p>communication /kəˌmjuːnɪˈkeɪʃn/ <i>n.</i> 表达；交流</p>
                        <div class="bkbj">
                            <p><i>the activity or process of expressing ideas and feelings or of giving people
                                    information</i></p>
                            <p>
                                <i>the activity or process of expressing ideas and feelings or
                                    of giving people information</i>
                            </p>
                        </div>
                        <p>passion /ˈpæʃn/ <i>n.</i> 激情； 强烈情感</p>
                        <div class="bkbj">
                            <p><i>a very strong feeling of love,hatred,anger,enthusiasm,etc.</i></p>
                            <p>
                                <i>a very strong feeling of love,hatred,anger,enthusiasm,etc.</i>
                            </p>
                        </div>
                        <p>energize /ˈenədʒaɪz/ <i>v.</i> 给（某人） 增添能量（或精力、活力、干劲）</p>
                        <p>
                            energize /ˈenədʒaɪz/ <i>v.</i> 给（某人）
                            增添能量（或精力、活力、干劲）
                        </p>
                        <div class="bkbj">
                            <p><i>to give sb.more energy,strength,etc.</i></p>
                        </div>
@@ -412,9 +614,12 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        p>creativity /ˌkriːeɪˈtɪvəti/ <i>n.</i> 创造力；创造性</p>
                        <p>creativity /ˌkriːeɪˈtɪvəti/ <i>n.</i> 创造力；创造性</p>
                        <div class="bkbj">
                            <p><i>the use of skill and imagination to produce sth.new or to produce art</i></p>
                            <p>
                                <i>the use of skill and imagination to produce sth.new or to
                                    produce art</i>
                            </p>
                        </div>
                        <p>vision /ˈvɪʒn/ <i>n.</i> 视野</p>
                        <div class="bkbj">
@@ -422,27 +627,29 @@
                        </div>
                        <p>fulfillment /fʊlˈfɪlmənt/ <i>n.</i> 实现</p>
                        <div class="bkbj">
                            <p><i>the act of doing or achieving what was hoped for or expected</i></p>
                            <p>
                                <i>the act of doing or achieving what was hoped for or
                                    expected</i>
                            </p>
                        </div>
                        <div style="display: flex;">
                            <div class="left" style="width: 45%;">
                        <div style="display: flex">
                            <div class="left" style="width: 45%; text-wrap: nowrap">
                                <p>help out 帮助解决难题；救出</p>
                                <p>stretch one’s wings 大展拳脚</p>
                                <p>carry over （在不同情况下） 继续存在，保持下去</p>
                            </div>
                            <div class="right" style="width: 55%;">
                            <div class="right" style="width: 55%">
                                <p>make a difference 有影响；有关系</p>
                                <p>what’s more 而且；此外</p>
                            </div>
                        </div>
                        <p>carry over （在不同情况下） 继续存在，保持下去</p>
                        <p></p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read through the passage and choose the main idea for Paragraph 2 to 5.</p>
                        <p>1.Paragraph 2　　a.Volunteering can advance your career.</p>
                        <p>2.Paragraph 3　　b.Volunteering brings fun and fulfillment to your life.</p>
                        <p>3.Paragraph 4　　c.Volunteering is good for your mind.</p>
                        <p>4.Paragraph 5　　d.Volunteering connects you to your community.</p>
                        <p>B.Choose the best answer to each question according to the information from the passage.</p>
                        <matching :rawData="rawData" :question="question"></matching>
                        <p>
                            B.Choose the best answer to each question according to the
                            information from the passage.
                        </p>
                        <p>1.What might be the reason that people don’t volunteer?</p>
                        <p>a.People are too busy to volunteer.</p>
                        <p>b.People can’t find ways to volunteer.</p>
@@ -453,7 +660,9 @@
                        <p>b.Small acts of helping others also matter.</p>
                        <p>c.Those who volunteer enjoy a lower mortality rate.</p>
                        <p>d.Volunteering has nothing to do with one’s mental health.</p>
                        <p>3.In what way can volunteering help with one’s career development?</p>
                        <p>
                            3.In what way can volunteering help with one’s career development?
                        </p>
                        <p>a.Providing one with a new career.</p>
                        <p>b.Helping to arouse one’s interests.</p>
                        <p>c.Offering an opportunity to practice working skills.</p>
@@ -480,7 +689,9 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>d.Bringing more comfort to those who are at work.</p>
                        <p>4.What suggestion does the writer offer in the last paragraph?</p>
                        <p>
                            4.What suggestion does the writer offer in the last paragraph?
                        </p>
                        <p>a.Making a plan before volunteering.</p>
                        <p>b.Preparing a résumé in advance.</p>
                        <p>c.Taking a physical and mental health check.</p>
@@ -488,28 +699,240 @@
                        <p>5.What is the author’s attitude towards volunteering?</p>
                        <p>a.Indifferent. b.Supportive. c.Opposed.d.Unknown.</p>
                        <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>There are e______benefits when it comes to volunteering.First,it helps to make the community
                            a better place,and it also helps you to connect to people and b______your social
                            skills.Second,volunteering helps to deal with stress,anger and a______.Studies show that
                            people who volunteer have a lower m______rate.Third,volunteering helps with one’s
                            career.When you get the chance to practice working skills,you will feel more comfortable at
                            work.Fourth,when you are tied up with the daily routine,volunteering can be an
                            e______escape,where you can find your interests and p______.All in all,with all the
                            benefits,it is always a good idea to spend some time volunteering.</p>
                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
                        <p>1.help out_________________________________________</p>
                        <p>2.make a difference_________________________________</p>
                        <p>3.stretch one’s wings________________________________</p>
                        <p>4.what’s more_____________________________________</p>
                        <p>5.carry over_______________________________________</p>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.Joining the Youth Volunteer Association in college expands her friendship circle.</p>
                        <p>_______________________________________________________</p>
                        <p>2.Serving in the Beijing 2022 Winter Olympics was a meaningful and unforgettable experience.
                        <p>
                            A.Fill in the blanks with the proper words in the passage.The
                            initial letters of the words have been given.
                        </p>
                        <p>_______________________________________________________</p>
                        <p>
                            There are e
                            <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="testData.in.one" @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.one)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.one) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                            benefits when it comes to volunteering.First,it helps to make the
                            community a better place,and it also helps you to connect to
                            people and b<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="testData.in.two" @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.two)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.two) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>your social skills.Second,volunteering helps to deal with
                            stress,anger and a<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 60px" v-model="testData.in.three"
                                @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.three)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.three) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>.Studies show that people who volunteer have a lower m<input
                                :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="testData.in.four" @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.four)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.four) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>rate.Third,volunteering helps with one’s career.When you get the
                            chance to practice working skills,you will feel more comfortable
                            at work.Fourth,when you are tied up with the daily
                            routine,volunteering can be an e<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 60px" v-model="testData.in.five"
                                @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.five)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.five) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>escape,where you can find your interests and p<input
                                :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="testData.in.six" @change="setTestData" />
                            <span>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.six)
                                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="
                                    testData.isComplete &&
                                    isTextRight(testData.in.answer, testData.in.six) == false
                                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>.All in all,with all the benefits,it is always a good idea to
                            spend some time volunteering.
                        </p>
                        <!-- 答案 -->
                        <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showLessonOneQuestionAnswer">
                            答案：(1)enormous &nbsp; (2) boost &nbsp; (3) anxiety &nbsp; (4)
                            mortality &nbsp; (5) energizing &nbsp; (6) passion
                        </p>
                        <p>
                            B.Underline the following expressions in the passage and make
                            sentences with them.
                        </p>
                        <p class="tl-lf">
                            1.help out
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        </p>
                        <p class="tl-lf">
                            2.make a difference
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        </p>
                        <p class="tl-lf">
                            3.stretch one’s wings
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        </p>
                        <p class="tl-lf">
                            4.what’s more
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        </p>
                        <p class="tl-lf">
                            5.carry over
                            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                                style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
                                @change="setBookQuestion"></textarea>
                        </p>
                        <!-- 例句 -->
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showLessonOneQuestionAnswer">
                            <span>例句：</span>
                            <p>
                                1、I helped out with the check-in of athletes at the sports
                                game.
                            </p>
                            <p>
                                2、No matter how small the deed is, it will make a difference to
                                people who are in need.
                            </p>
                            <p>
                                3、Your experience of volunteering will help you to stretch your
                                wings in your future career.
                            </p>
                            <p>
                                4、Volunteering does good to one’s body; what’s more, it’s also
                                good for one’s mental health.
                            </p>
                            <p>
                                5、The spirit of volunteering will be carried over from
                                generation to generation.
                            </p>
                        </div>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>
                            1.Joining the Youth Volunteer Association in college expands her
                            friendship circle.
                        </p>
                        <p>
                            <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="testData.in.one" @change="setTestData" />
                        </p>
                        <p>
                            2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
                            unforgettable experience.
                        </p>
                        <p>
                            <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="testData.in.one" @change="setTestData" />
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -532,32 +955,100 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>3.It is the commitment to children that keeps her a teacher in the village school for a life
                            time.</p>
                        <p>_______________________________________________________</p>
                        <p>4.Volunteering in different programs helps him grow up to be a man of vision.</p>
                        <p>_______________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The present continuous tense.</b></p>
                        <p>A.Complete the sentences with the present continuous form of the verbs given in the brackets.
                        <p>
                            3.It is the commitment to children that keeps her a teacher in the
                            village school for a life time.
                        </p>
                        <p>1.Encouraged by other volunteers,he_________(consider) becoming a regular helper in community
                            service.</p>
                        <p>2.At the moment,I_________(plan) to work as a volunteer teacher after graduation.</p>
                        <p>3.What you_________(do) at present will make a difference to people around you.</p>
                        <p>4.Currently,they_________(put) a lot of efforts into volunteer work.</p>
                        <p>5.The smile on her face says that she_________(have) a great time with the old in the nursing
                            home.</p>
                        <p>B.Describe each picture below in English using the present continuous tense according to the
                            Chinese hints.</p>
                        <p>
                            <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="testData.in.one" @change="setTestData" />
                        </p>
                        <p>
                            4.Volunteering in different programs helps him grow up to be a man
                            of vision.
                        </p>
                        <p>
                            <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="testData.in.one" @change="setTestData" />
                        </p>
                        <!-- 答案 -->
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showLessonOneQuestionAnswer">
                            <span>答案：</span>
                            <p>1、加入学校里的青年志愿者协会扩大了她的朋友圈。</p>
                            <p>2、服务2022的北京冬奥会是一次非常有意义且让人难忘的经历。</p>
                            <p>3、对孩子们的承诺让她在这所乡村小学做了一辈子的老师。</p>
                            <p>4、参与不同的志愿者项目帮助他成长为了一个有远见的人。</p>
                        </div>
                        <p><b>Ⅲ.Grammar focus:The present continuous tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>
                            A.Complete the sentences with the present continuous form of the
                            verbs given in the brackets.
                        </p>
                        <p>
                            1.Encouraged by other volunteers,he<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                                @change="setTestData" />
                            (consider) becoming a regular helper in community service.
                        </p>
                        <p>
                            2.At the moment,I<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                                @change="setTestData" />
                            (plan) to work as a volunteer teacher after graduation.
                        </p>
                        <p>
                            3.What you<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
                                style="width: 70px" v-model="testData.in.one" @change="setTestData" />
                            (do) at present will make a difference to people around you.
                        </p>
                        <p>
                            4.Currently,they<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                                @change="setTestData" />
                            (put) a lot of efforts into volunteer work.
                        </p>
                        <p>
                            5.The smile on her face says that she<input :disabled="testData.isComplete" type="text"
                                class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
                                @change="setTestData" />
                            (have) a great time with the old in the nursing home.
                        </p>
                        <!-- 答案 -->
                        <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showLessonOneQuestionAnswer">
                            答案：(1)is considering &nbsp; (2) am planning &nbsp; (3) are
                            doing &nbsp; (4) are putting &nbsp; (5) is having
                        </p>
                        <p>
                            B.Describe each picture below in English using the present
                            continuous tense according to the Chinese hints.
                        </p>
                        <div class="fieldset-2">
                            <p class="center"><img class="img-e" alt="" src="../../assets/images/0054-1.jpg" /></p>
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0054-1.jpg" />
                            </p>
                            <p>志愿者正在辅导孩子们做功课。</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                        </div>
                        <div class="fieldset-2">
                            <p class="center"><img class="img-e" alt="" src="../../assets/images/0054-2.jpg" /></p>
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0054-2.jpg" />
                            </p>
                            <p>学生们正在帮忙做农活。</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
@@ -586,31 +1077,65 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-2">
                            <p class="center"><img class="img-e" alt="" src="../../assets/images/0055-1.jpg" /></p>
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0055-1.jpg" />
                            </p>
                            <p>志愿者正在沙滩上清理垃圾。</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                        </div>
                        <div class="fieldset-2">
                            <p class="center"><img class="img-e" alt="" src="../../assets/images/0055-2.jpg" /></p>
                            <p class="center">
                                <img class="img-e" alt="" src="../../assets/images/0055-2.jpg" />
                            </p>
                            <p>志愿者正在进行衣物捐赠活动。</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                            <p>_______________________________________________</p>
                        </div>
                        <!-- 提交按钮 -->
                        <div class="w100 fl">
                            <ul class="fl ju-ar w100">
                                <li>
                                    <button class="btn-border btn-w" @click="saveData">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeTestData" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="
                                        showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer
                                        " class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                        <h3 id="c022"><span class="bjh3">Mini-project</span></h3>
                        <p>We all have done some volunteer work in one way or another before.Take some time to recall
                            that experience,and then:</p>
                        <p>1.Interview your partner about his/her volunteering experiences by asking the following
                            questions;</p>
                        <p>
                            We all have done some volunteer work in one way or another
                            before.Take some time to recall that experience,and then:
                        </p>
                        <p>
                            1.Interview your partner about his/her volunteering experiences by
                            asking the following questions;
                        </p>
                        <p>2.Finish the worksheet and report to the class.</p>
                        <div class="fieldset">
                            <p>Questions:1.What volunteer work have you done?</p>
                            <p>　　　　2.How did you feel when you were volunteering?</p>
                            <p>　　　　3.What are the benefits that experience has brought you?</p>
                            <p>
                                　　　　3.What are the benefits that experience has brought you?
                            </p>
                        </div>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="left">
                            <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
                        </p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">The Volunteer Work</td>
@@ -618,12 +1143,16 @@
                                <td class="tl-cn">The Benefits</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="word-break: break-all;">Taking care of left-behind children during summer
                                    vacation.</td>
                                <td style="word-break: break-all;">I feel very proud of myself.The work is very
                                    meaningful.</td>
                                <td style="word-break: break-all;">It has taught me to be more patient. I have learned
                                    to take care of others, and to be more considerate.</td>
                                <td style="word-break: break-all">
                                    Taking care of left-behind children during summer vacation.
                                </td>
                                <td style="word-break: break-all">
                                    I feel very proud of myself.The work is very meaningful.
                                </td>
                                <td style="word-break: break-all">
                                    It has taught me to be more patient. I have learned to take
                                    care of others, and to be more considerate.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
@@ -637,7 +1166,7 @@
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
@@ -673,17 +1202,15 @@
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td style="width: 40%;">
                                <td style="width: 40%">
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td style="width: 40%;">
                                <td style="width: 40%">
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
@@ -693,20 +1220,17 @@
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.enight"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
@@ -714,8 +1238,7 @@
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
@@ -725,28 +1248,36 @@
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.seven"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.enight"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <p class="left">
                            <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
                        </p>
                        <div class="bk-wh">
                            <p>blood donation　volunteer teacher　community service　nursing
                            <p>
                                blood donation　volunteer teacher　community service　nursing
                                home　rewarding　challenging　demanding　interesting　overwhelming　moving　merciful　kind-hearted　appreciate　cherish　respect
                            </p>
                        </div>
                        <h2 id="b010"><img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" /></h2>
                        <h2 id="b010">
                            <img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" />
                        </h2>
                        <h3 id="c023"><span class="bjh3">Warm-up</span></h3>
                        <p><b>There are some organizations committed to making the world a better place and making a
                                difference in people's lives.Work with your partner to do research online and match the
                                following organizations with their missions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /></p>
                        <p>
                            <b>There are some organizations committed to making the world a
                                better place and making a difference in people's lives.Work with
                                your partner to do research online and match the following
                                organizations with their missions.</b>
                        </p>
                        <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -769,25 +1300,54 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /></p>
                        <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
                        </p>
                        <h3 id="c024"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
                        <p>1.More and more organizations and individuals in China are working in public service.Can you
                            name a few?</p>
                        <p>
                            1.More and more organizations and individuals in China are working
                            in public service.Can you name a few?
                        </p>
                        <p>2.What changes do they bring to China?</p>
                        <p class="center"><b>How to Light Up the World</b></p>
                        <p>（Excerpted from the speech “Learning from a Barefoot Movement”）</p>
                        <p>If you go all over the world to very remote villages,you will often find only very old people
                            and very young people.The men have already left.So,we came up with the simple solution of
                            training grandmothers.Grandmothers are compassionate,tolerant,willing to learn,and
                            patient.All the qualities that you need are there.</p>
                        <p>Barefoot College follows the lifestyle of Gandhi:Students eat,sleep,and work on the
                            floor.They can stay for 20 years,or they can go home tomorrow.As of today,we’ve trained 604
                            women solar engineers from 1,083 villages in 63 countries.</p>
                        <p>The engineers have solar-electrified 45,000 houses.Please remember that our students are
                            primarily women who have never left their villages before.They hate the idea of leaving
                            their families and getting on a plane.When they reach India,sometimes after 19 hours of
                            travel,they </p>
                        <p class="center"><audio :src="resource.listenOne" controls class="audio"
                                @play="audioPlay"></audio></p>
                        <p>
                            （Excerpted from the speech “Learning from a Barefoot Movement”）
                        </p>
                        <p>
                            If you go all over the world to very
                            <span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
                            villages,you will
                            often find only very old people and very young people.The men have
                            already left.So,we came up with the simple
                            <span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
                            of training
                            grandmothers.Grandmothers are
                            <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
                            ,
                            <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
                            ,willing to
                            learn,and patient.All the qualities that you need are there.
                        </p>
                        <p>
                            Barefoot College follows the lifestyle of Gandhi:Students
                            eat,sleep,and work on the floor.They can stay for 20 years,or they
                            can go home tomorrow.As of today,we’ve trained 604 women
                            <span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
                            engineers from 1,083 villages in 63 countries.
                        </p>
                        <p>
                            The engineers have solar-
                            <span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
                            45,000 houses.Please remember
                            that our students are
                            <span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
                            women who have never left their
                            villages before.They hate the idea of leaving their families and
                            getting on a plane.When they reach India,sometimes after 19 hours
                            of travel,they
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -810,27 +1370,47 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>are faced with strange food,strange people,and strange language.We do all the training in
                            sign
                            language.Yet in six months,they will know more about solar engineering than most university
                            graduates.Some women face problems at home for attending Barefoot College.In most of these
                            traditional societies,the husband says,“If you go for training,don’t come back to me.I will
                            take
                            another wife.” Then the wife goes,and when she returns,she helps provide her village with
                            solar
                            electricity.And her husband says,“Please come back to me.” But she says,“No,I’m fine.”
                            Because
                            the respect she now has is enormous.</p>
                        <p>We taught a woman from Afghanistan.It was the first time a grandmother had left her
                            village.Afterwards,at a community gathering,she went to sit with the men,who said,“What do
                            you think you’re doing? You should be sitting with the women.” And she said quietly,“Today I
                            am not a woman; I am an engineer.I have every right to sit with you.”</p>
                        <p>I have a dream.I would like to provide the world’s 47 least developed countries with Barefoot
                            College–trained grandmothers,and together they could solar-electrify more than 100,000
                            homes.I would like to reach a million people,and I hope you will be a part of this dream.
                        <p>
                            are faced with strange food,strange people,and strange language.We
                            do all the training in sign language.Yet in six months,they will
                            know more about solar engineering than most university
                            graduates.Some women face problems at home for
                            <span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
                            ing Barefoot
                            College.In most of these traditional societies,the husband
                            says,“If you go for
                            <span class="word-bc" @click="saveWord($event, 'training')">training</span>
                            ,don’t come back to me.I will take
                            another wife.” Then the wife goes,and when she returns,she helps
                            provide her village with solar electricity.And her husband
                            says,“Please come back to me.” But she says,“No,I’m fine.” Because
                            the respect she now has is enormous.
                        </p>
                        <p>I’ll end the passage with a quotation from Gandhi:“First they ignore you,then they laugh at
                            you,then they fight you,and then you win.”</p>
                        <p>
                            We taught a woman from Afghanistan.It was the first time a
                            grandmother had left her village.
                            <span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
                            ,at a community
                            gathering,she went to sit with the men,who said,“What do you think
                            you’re doing? You should be sitting with the women.” And she said
                            quietly,“Today I am not a woman; I am an engineer.I have every
                            right to sit with you.”
                        </p>
                        <p>
                            I have a dream.I would like to provide the world’s 47 least
                            developed countries with Barefoot College–trained grandmothers,and
                            together they could solar-electrify more than 100,000 homes.I
                            would like to reach a million people,and I hope you will be a part
                            of this dream.
                        </p>
                        <p>
                            I’ll end the passage with a
                            <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
                            from Gandhi:“First they
                            <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
                            you,then they laugh at you,then they fight you,and then you
                            win.”
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
@@ -842,15 +1422,24 @@
                        </div>
                        <p>solution /səˈluːʃn/ <i>n.</i> 解决办法</p>
                        <div class="bkbj">
                            <p><i>a way of solving a problem or dealing with a difficult situation</i></p>
                            <p>
                                <i>a way of solving a problem or dealing with a difficult
                                    situation</i>
                            </p>
                        </div>
                        <p>compassionate /kəmˈpæʃənət/ <i>adj.</i> 有同情心的；怜悯的</p>
                        <div class="bkbj">
                            <p><i>feeling or showing sympathy for people or animals who are suffering</i></p>
                            <p>
                                <i>feeling or showing sympathy for people or animals who are
                                    suffering</i>
                            </p>
                        </div>
                        <p>tolerant /ˈtɒlərənt/ <i>adj.</i> 宽容的；容忍的</p>
                        <div class="bkbj">
                            <p><i>able to accept what other people say or do even if you do not agree with it</i></p>
                            <p>
                                <i>able to accept what other people say or do even if you do not
                                    agree with it</i>
                            </p>
                        </div>
                        <p>solar /ˈsəʊlə(r)/ <i>adj.</i> 太阳能的</p>
                        <div class="bkbj">
@@ -858,7 +1447,10 @@
                        </div>
                        <p>electrify /ɪˈlektrɪfaɪ/ <i>v.</i> 使电气化；给（某物）充电</p>
                        <div class="bkbj">
                            <p><i>to convert to the use of electric power; to charge (sth.) with electricity</i></p>
                            <p>
                                <i>to convert to the use of electric power; to charge (sth.)
                                    with electricity</i>
                            </p>
                        </div>
                        <p>primarily /praɪˈmerəli/ <i>adv.</i> 主要地</p>
                        <div class="bkbj">
@@ -892,42 +1484,88 @@
                        </div>
                        <p>traditional /trəˈdɪʃənl/ <i>adj.</i> 传统的</p>
                        <div class="bkbj">
                            <p><i>being part of the beliefs,customs or way of life of a particular group of people,which
                                    have not changed for a long time</i></p>
                            <p>
                                <i>being part of the beliefs,customs or way of life of a
                                    particular group of people,which have not changed for a long
                                    time</i>
                            </p>
                        </div>
                        <p>afterwards /ˈɑːftəwədz/ <i>adv.</i> 后来；以后</p>
                        <div class="bkbj">
                            <p><i>at a later time; after an event that has already been mentioned</i></p>
                            <p>
                                <i>at a later time; after an event that has already been
                                    mentioned</i>
                            </p>
                        </div>
                        <p>quotation /kwəʊˈteɪʃn/ <i>n.</i> 引语；引文；语录</p>
                        <div class="bkbj">
                            <p><i>a group of words or a short piece of writing taken from a book,play,speech,etc.and
                                    repeated because it is interesting or useful</i></p>
                            <p>
                                <i>a group of words or a short piece of writing taken from a
                                    book,play,speech,etc.and repeated because it is interesting or
                                    useful</i>
                            </p>
                        </div>
                        <p>ignore /ɪɡˈnɔː(r)/ <i>v</i>.佯装未见；不予理睬</p>
                        <div class="bkbj">
                            <p><i>to pretend that you have not seen sb.or that sb.is not there</i></p>
                            <p>
                                <i>to pretend that you have not seen sb.or that sb.is not
                                    there</i>
                            </p>
                        </div>
                        <div style="display: flex;">
                            <div class="left" style="width:40%;">
                        <div style="display: flex">
                            <div class="left" style="width: 40%">
                                <p>light up 点亮</p>
                                <p>come up with 提出；想出</p>
                                <p>end ...with ...以……结束……</p>
                            </div>
                            <div class="right" style="width:60%;">
                            <div class="right" style="width: 60%">
                                <p>go over (to ...) 从一处到（另一处）</p>
                                <p>be faced with sth.面临，必须对付（某情况）</p>
                            </div>
                        </div>
                        <div class="bj-note">
                            <p><b>Notes:</b></p>
                            <p>Barefoot
                            <p>
                                Barefoot
                                College：赤脚大学。这个公益项目主要针对来自世界各地农村的文盲或半文盲，大部分都是中年母亲或祖母，为她们提供免费的教育，让她们成为水务工程师、太阳能工程师、设计师、助产士、建筑师或农村社会企业家。
                            </p>
                        </div>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Fill in the blanks with the numbers in the passage.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0059-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf table-th-bc">1. So far, what has BarefootCollege achieved?</td>
                                <td style="width: 65%;">
                                    <p class="table-p"> It has trained l.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />women solar engineers.</p>
                                    <p class="table-p">The women solar engineers are from 2.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />villages in 3.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />countries.</p>
                                    <p class="table-p">The engineers have solar-electrifed 4.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />homes.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">2.What's the author'sfuture goal?</td>
                                <td style="width: 65%;">
                                    <p class="table-p">He would like to provide the world's 5.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />people.</p>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -950,37 +1588,101 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>(　) 1.Showing compassion and being patient are qualities needed for training.</p>
                        <p>(　) 2.Women have to overcome a lot of difficulties to attend Barefoot College.</p>
                        <p>(　) 3.Half of the courses in the training are done in sign language.</p>
                        <p>(　) 4.Husbands are always supportive for wives to go for training.</p>
                        <p>(　) 5.The training helps women gain respect for the changes they brought in.</p>
                        <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>
                        <p>1.In <i>far-away </i>areas,only the old and the kids are left._____</p>
                        <p>2.The government works on <i>ways</i> to fight against poverty._____</p>
                        <p>3.People having no access to electricity <i>mainly</i> live in Africa._____</p>
                        <p>4.Some college students choose to <i>join</i> volunteering programs after graduation._____
                        <p>
                            B.Decide whether the following statements are true (T) or false
                            (F).
                        </p>
                        <p>5.Family reunion is a <i>usual </i>way to celebrate the Spring Festival._____</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below._____</p>
                        <p>
                            (　) 1.Showing compassion and being patient are qualities needed
                            for training.
                        </p>
                        <p>
                            (　) 2.Women have to overcome a lot of difficulties to attend
                            Barefoot College.
                        </p>
                        <p>
                            (　) 3.Half of the courses in the training are done in sign
                            language.
                        </p>
                        <p>
                            (　) 4.Husbands are always supportive for wives to go for
                            training.
                        </p>
                        <p>
                            (　) 5.The training helps women gain respect for the changes they
                            brought in.
                        </p>
                        <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>
                        <p>
                            1.In <i>far-away </i>areas,only the old and the kids are
                            left._____
                        </p>
                        <p>
                            2.The government works on <i>ways</i> to fight against
                            poverty._____
                        </p>
                        <p>
                            3.People having no access to electricity <i>mainly</i> live in
                            Africa._____
                        </p>
                        <p>
                            4.Some college students choose to <i>join</i> volunteering
                            programs after graduation._____
                        </p>
                        <p>
                            5.Family reunion is a <i>usual </i>way to celebrate the Spring
                            Festival._____
                        </p>
                        <p>
                            B.Fill in the blanks with the proper form of the expressions given
                            below._____
                        </p>
                        <div class="fieldset">
                            <p>end ...with ...　come up with　light up　be faced with　go over to</p>
                            <p>
                                end ...with ...　come up with　light up　be faced with　go over
                                to
                            </p>
                        </div>
                        <p>1.After watching the news,he ________ the idea to support the little girl’s education.</p>
                        <p>2.Many Irish people ________ America during the famine （饥荒时期）.</p>
                        <p>
                            1.After watching the news,he ________ the idea to support the
                            little girl’s education.
                        </p>
                        <p>
                            2.Many Irish people ________ America during the famine
                            （饥荒时期）.
                        </p>
                        <p>3.They ________ the play ________ a song.</p>
                        <p>4.The teacher’s smiles ________ the boy’s life.</p>
                        <p>5.Girls in some parts of the world ________ gender discrimination.</p>
                        <p><b>Ⅲ.Grammar focus:The simple future tense.</b></p>
                        <p>
                            5.Girls in some parts of the world ________ gender discrimination.
                        </p>
                        <p><b>Ⅲ.Grammar focus:The simple future tense.</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Underline the parts indicating the future tense.</p>
                        <p>1.I am about to send you an email with all of our prices.</p>
                        <p>2.She is to marry John next month.</p>
                        <p>3.I will call you as soon as I arrive there.</p>
                        <p>4.We are going to volunteer in the nursing home this weekend.</p>
                        <p>5.My plane is taking off at 8:20,so I must be at the airport by 7:20.</p>
                        <p>
                            5.My plane is taking off at 8:20,so I must be at the airport by
                            7:20.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1005,37 +1707,58 @@
                    <div class="bodystyle">
                        <h3 id="c025"><span class="bjh3">Mini-project</span></h3>
                        <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
                        <p>Watch the video and mark what the man has done.Then discuss with your partner about what we
                            can do in reality to make a change in people’s lives.</p>
                        <p>
                            Watch the video and mark what the man has done.Then discuss with
                            your partner about what we can do in reality to make a change in
                            people’s lives.
                        </p>
                        <p>Things the man has done:</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Hold
                            the elevator for the lady</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Catch
                            the balloon for the kid</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Stop
                            the shopping cart</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Teach
                            kids to swim</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Help
                            the old cross the street</p>
                        <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Plant
                            trees in the park</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Hold the elevator for the lady
                        </p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Catch the balloon for the kid
                        </p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Stop the shopping cart
                        </p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Teach kids to swim
                        </p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Help the old cross the street
                        </p>
                        <p>
                            <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
                            Plant trees in the park
                        </p>
                        <p class="left">
                            <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
                        </p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Things We Can Do</td>
                                <td class="tl-cn">Changes We Can Make</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="word-break: break-all;">Hold the door for the personbehind me.</td>
                                <td style="word-break: break-all;">It can be very embarrassing if one gets bumped by a
                                    door, Holding the door for the person behind me shows that I care for other people.
                                <td style="word-break: break-all">
                                    Hold the door for the personbehind me.
                                </td>
                                <td style="word-break: break-all">
                                    It can be very embarrassing if one gets bumped by a door,
                                    Holding the door for the person behind me shows that I care
                                    for other people.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
@@ -1046,7 +1769,7 @@
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
@@ -1057,7 +1780,7 @@
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                                <td>
@@ -1068,8 +1791,7 @@
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="setBookQuestion"></textarea>
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
@@ -1099,18 +1821,31 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b011"><img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" /></h2>
                        <h2 id="b011">
                            <img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" />
                        </h2>
                        <h3 id="c026"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
                        <p><b>Ⅰ.Listen to the recording and fill in the blanks with what you hear.</b></p>
                        <p>Just now,I was giving people_________in Chinese.I am a_________here in Lotus Lane in
                            Houhai.I’ve lived in Beijing for 24 years and I’m_________from the United States.My name is
                            Terry.I’m 64 years old and I’m_________.And I_________some of my time
                            volunteering,helping_________find their way around this beautiful area of Xicheng District
                            in Beijing.I love volunteering because I love doing things for people.I like to make people
                            happy.I think by making people happy they make other people happy.It’s like_________a stone
                            into the river.It makes little waves and your_________can be given to other people.</p>
                        <p><b>Ⅱ.Listen to the interview and answer the following questions.</b></p>
                        <p>
                            <b>Ⅰ.Listen to the recording and fill in the blanks with what you
                                hear.</b>
                        </p>
                        <p>
                            Just now,I was giving people_________in Chinese.I am
                            a_________here in Lotus Lane in Houhai.I’ve lived in Beijing for
                            24 years and I’m_________from the United States.My name is
                            Terry.I’m 64 years old and I’m_________.And I_________some of my
                            time volunteering,helping_________find their way around this
                            beautiful area of Xicheng District in Beijing.I love volunteering
                            because I love doing things for people.I like to make people
                            happy.I think by making people happy they make other people
                            happy.It’s like_________a stone into the river.It makes little
                            waves and your_________can be given to other people.
                        </p>
                        <p>
                            <b>Ⅱ.Listen to the interview and answer the following
                                questions.</b>
                        </p>
                        <p>1.When did Mr.Crossman start volunteering?</p>
                        <p>_________________________________________________________</p>
                        <p>2.Why was volunteering not easy in the beginning?</p>
@@ -1142,12 +1877,20 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c027"><span class="bjh3">Practical Writing</span></h3>
                        <p>For volunteer work,it usually starts with creating a volunteer profile.Whether you’re just
                            starting out or a seasoned volunteer,you can save your volunteering preferences and capture
                            your volunteering experiences in your volunteer profile.</p>
                        <p><b>Ⅰ.Look at the following sample and discuss with your partner what are usually included in
                                a volunteer profile.Mark the items listed in the box.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0063-1.jpg" /></p>
                        <p>
                            For volunteer work,it usually starts with creating a volunteer
                            profile.Whether you’re just starting out or a seasoned
                            volunteer,you can save your volunteering preferences and capture
                            your volunteering experiences in your volunteer profile.
                        </p>
                        <p>
                            <b>Ⅰ.Look at the following sample and discuss with your partner
                                what are usually included in a volunteer profile.Mark the items
                                listed in the box.</b>
                        </p>
                        <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0063-1.jpg" />
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1170,7 +1913,10 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Match the following descriptions with their corresponding Chinese.</b></p>
                        <p>
                            <b>Ⅱ.Match the following descriptions with their corresponding
                                Chinese.</b>
                        </p>
                        <p><b>1.gender</b></p>
                        <p>1) male　a.女性</p>
                        <p>2) female　b.男性</p>
@@ -1195,13 +1941,21 @@
                        <p>(　) b.Beijing,Hi-tech Zone,Shengbang Road,No.30</p>
                        <p><b>3.英文流利，普通话母语水平</b></p>
                        <p>(　) a.Fluent in English; native in Mandarin</p>
                        <p>(　) b.I speak fluent English,and I’m a native speaker of Mandarin.</p>
                        <p>
                            (　) b.I speak fluent English,and I’m a native speaker of
                            Mandarin.
                        </p>
                        <p><b>4.熟练使用Word、Excel和PPT</b></p>
                        <p>(　) a.I can use Word,Excel and PPT frequently.</p>
                        <p>(　) b.Proficient user of Word,Excel and PPT</p>
                        <p><b>5.担任世博会翻译和接待工作</b></p>
                        <p>(　) a.Served as an interpreter and receptionist at the World Expo</p>
                        <p>(　) b.Working as an interpreter and receptionist at the World Expo</p>
                        <p>
                            (　) a.Served as an interpreter and receptionist at the World Expo
                        </p>
                        <p>
                            (　) b.Working as an interpreter and receptionist at the World
                            Expo
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1224,13 +1978,19 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>Ⅳ<b>.A college student wants to be a volunteer in an international sports game.Please
                                complete the following volunteer profile for him,covering the following basic
                                information given in Chinese.</b></p>
                        <p>李海，男，中国人，2000年8月21日出生，电话号码为153××××8901，邮箱是simonli@
                        <p>
                            Ⅳ<b>.A college student wants to be a volunteer in an international
                                sports game.Please complete the following volunteer profile for
                                him,covering the following basic information given in
                                Chinese.</b>
                        </p>
                        <p>
                            李海，男，中国人，2000年8月21日出生，电话号码为153××××8901，邮箱是simonli@
                            email.com，现居住在四川省成都市天府区天府5街1600号。毕业于成都职业技术学院，商务英语专业，获专科文凭。大学期间，考取了教师资格证、驾照，接受过为期两周的“有效沟通”培训。英语口语流利，普通话标准。2023年7月至8月，作为志愿者参加了世界大学生运动会，从事过语言服务相关工作。
                        </p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0065-1.jpg" /></p>
                        <p class="center">
                            <img class="img-0" alt="" src="../../assets/images/0065-1.jpg" />
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1256,20 +2016,49 @@
                        <div class="un-h2">
                            <h2 id="b012">Unit Project</h2>
                        </div>
                        <p>The China International Import Expo committee is calling for volunteers to serve in the
                            expo.The volunteer association in your college is in charge of the first-round recruitment
                            and selection.Work in a group of four.Two group members play the roles of applicants and two
                            play the role of interviewers.Complete the following worksheets,and then conduct the
                            interview.</p>
                        <p>
                            The China International Import Expo committee is calling for
                            volunteers to serve in the expo.The volunteer association in your
                            college is in charge of the first-round recruitment and
                            selection.Work in a group of four.Two group members play the roles
                            of applicants and two play the role of interviewers.Complete the
                            following worksheets,and then conduct the interview.
                        </p>
                        <p><b>Role 1:Interviewer</b></p>
                        <p>1.Work with your partner and create a volunteer evaluation rubric.</p>
                        <p>2.Prepare a list of questions you will ask during the interview.</p>
                        <p>
                            1.Work with your partner and create a volunteer evaluation rubric.
                        </p>
                        <p>
                            2.Prepare a list of questions you will ask during the interview.
                        </p>
                        <p><b>Role 2:Applicant</b></p>
                        <p>1.Prepare a self-introduction.</p>
                        <p>2.Make a list of your information which might be useful in the interview.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p><b>Worksheet for the Applicant</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0066-1.jpg" /></p>
                        <p>
                            2.Make a list of your information which might be useful in the
                            interview.
                        </p>
                        <p class="left">
                            <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
                        </p>
                        <p class="center"><b>Worksheet for the Applicant</b></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    Self-introduction:
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    Questions that could be asked and your answers:
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -1292,8 +2081,25 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Worksheet for the Interviewer</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0067-1.jpg" /></p>
                        <p class="center"><b>Worksheet for the Interviewer</b></p>
                        <p class="center">
                            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    The volunteer evaluation rubric:
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td style="text-align: left">
                                    Question list:
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <div class="fieldset-1">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p><b>For the interviewer</b>:</p>
@@ -1304,8 +2110,10 @@
                            <p>Could you give me a specific example of how you did that?</p>
                            <p>Do you have any questions for us?</p>
                            <p><b>For the applicant</b>:</p>
                            <p>As you can see in my profile/As you can probably learn from the profile,I graduated from/
                                am studying in ...</p>
                            <p>
                                As you can see in my profile/As you can probably learn from the
                                profile,I graduated from/ am studying in ...
                            </p>
                            <p>I majored in ...</p>
                            <p>I’ve volunteered as ...in ...for ...</p>
                            <p>I’m skillful at ...</p>
@@ -1334,49 +2142,52 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar3-1.png"),
            imgThirteenOne: require("../../assets/images/grammar3-1.png"),
            showAnswerOne: false,
            showLessonOneQuestionAnswer: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin　　　　Silk",
                        txt: "Paragraph 2",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica　　The Great Wall",
                        txt: "Paragraph 3",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren　　Chinese Food",
                        txt: "Paragraph 4",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese　　　　Tea",
                        txt: "Paragraph 5",
                    },
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                        txt: "a.Volunteering can advance your career.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        txt: "b.Volunteering brings fun and fulfillment to your life.",
                    },
                    {
                        oldId: "64D6",
                        txt: "c.Volunteering is good for your mind.",
                    },
                    {
                        oldId: "FB34",
                        txt: "d.Volunteering connects you to your community.",
                    },
                ],
            },
@@ -1387,66 +2198,63 @@
                answer: [
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                        linkValue: "d.Volunteering connects you to your community.",
                        value: "Paragraph 2",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                        linkValue: "c.Volunteering is good for your mind.",
                        value: "Paragraph 3",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                        linkValue: "a.Volunteering can advance your career.",
                        value: "Paragraph 4",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                        linkValue: "b.Volunteering brings fun and fulfillment to your life.",
                        value: "Paragraph 5",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                // 注意，这里的顺序应该自上而下，必须和题一致
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                            oldId: "2ED4",
                            txt: "a.Volunteering can advance your career.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                            txt: "b.Volunteering brings fun and fulfillment to your life.",
                        },
                        {
                            oldId: "64D6",
                            txt: "c.Volunteering is good for your mind.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                            txt: "d.Volunteering connects you to your community.",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                            txt: "Paragraph 2",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                            txt: "Paragraph 3",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                            txt: "Paragraph 4",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                            txt: "Paragraph 5",
                        },
                    ],
                },
@@ -1458,7 +2266,7 @@
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
                answerImg: require("../../assets/images/matching-two.png"),
            },
            questionData: {
                warnUp: {
@@ -1511,6 +2319,7 @@
                },
            },
            testData: {
                isComplete: false,
                check: [],
                tx: {
                    one: "",
@@ -1525,6 +2334,16 @@
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    isRight: null,
                    answer: [
                        "normous",
                        "oost",
                        "nxiety",
                        "ortality",
                        "nergizing",
                        "assion",
                    ],
                },
                line: {
                    one: "",
@@ -1628,6 +2447,16 @@
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    isRight: null,
                    answer: [
                        "normous",
                        "oost",
                        "nxiety",
                        "ortality",
                        "nergizing",
                        "assion",
                    ],
                },
                line: {
                    one: "",
@@ -1667,10 +2496,10 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "BE415E5F4ACF889844A235A19832EB42"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "CAA563DB7727326EF9469C71E198DC20"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
@@ -1679,7 +2508,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {
@@ -1825,4 +2657,4 @@
    right: 0;
    background-color: red;
}
</style>
</style>

 src/books/English/view/components/chapter004.vue

@@ -21,7 +21,7 @@
            </div>
        </div>
        <!-- 59 -->
        <!-- <div class="page-box" page="65">
        <div class="page-box" page="65">
            <div v-if="showPageList.indexOf(65) > -1">

                <ul class="preface-odd-header w100 fl ju-bt">
@@ -32,7 +32,7 @@
                            VOLUNTEERS</span>
                    </li>
                </ul>
            

                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
@@ -64,11 +64,11 @@
                    <span class="contet-num-box">59</span>
                </div>
            </div>
        </div> -->
        </div>
        <!-- 60 -->
        <!-- <div class="page-box" page="66">
        <div class="page-box" page="66">
            <div v-if="showPageList.indexOf(66) > -1">
        

                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
@@ -80,12 +80,16 @@

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

                        <p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
                        <matching :rawData="rawData" :question="question"></matching>
                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
@@ -93,17 +97,35 @@
                        </p>
                        <p>2.How can robots help humans today in daily life and work?</p>
                        <p class="center"><b>Robots in Action</b></p>
                        <p class="center">
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio" @play="audioPlay"></audio>
                        </p>
                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
                            soon be used to study sea creatures up close.These robots can blend right in with underwater
                            habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
                            soon be used to study sea

                            <span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
                            up close.These robots can
                            <span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
                            blend right in with underwater
                            <span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
                            .Robots take on tasks to make our life easier and safer.Scientists keep coming up
                            with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
                            look at the latest robots.</p>
                            look at the latest robots.
                        </p>
                        <p><b>Super Swimmer</b></p>
                        <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
                        <p>The Octobot is perfectly named.Its design is based on the
                            <span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
                            .The robot is the size of a
                            shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
                            inches per second.That is close to the speed of an octopus.The Octobot moves through water
                            by slowly opening its soft rubber arms and then snapping them shut.During tests,fish swam
                            alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
                            by slowly opening its soft
                            <span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
                            arms and then
                            <span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
                            them shut.During tests,fish swam
                            alongside the Octobot.Researchers can use the robot to study sea creatures.
                        </p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
                    </div>
                </div>
@@ -128,30 +150,51 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>See Spot Run</b></p>
                        <p>Spot looks and moves much like a real dog.But don’t expect it to play fetch.Boston Dynamics
                            created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
                        <p>Spot looks and moves much like a real dog.But don’t expect it to play
                            <span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
                            .Boston Dynamics
                            created the four-legged,160-pound
                            <span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
                            dog.It can climb mountains.It can cross
                            woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
                            balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
                            facilities.</p>
                            <span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
                            .In the future,Spot may be used for search-and-
                            <span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
                            <span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
                            and to carry heavy
                            <span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
                            .
                        </p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
                        <p><b>Hotel Helper</b></p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
                        <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
                            the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
                            asks for an item,a clerk places it in Mingo’s lid and enters the room number onto a
                            screen.Guests are always very excited when Mingo arrives with a delivery.</p>
                            asks for an item,a clerk places it in Mingo’s
                            <span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
                            and enters the room number onto a
                            screen.Guests are always very excited when Mingo arrives with a delivery.
                        </p>
                        <p><b>Big in Japan</b></p>
                        <p>In Japan,scientists are leading the way in creating humanoid robots.SoftBank introduced
                            Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
                            frown,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
                            bigger plans for Pepper.It may one day keep humans company and help teach children.</p>
                        <p>In Japan,scientists are leading the way in creating
                            <span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
                            robots.SoftBank introduced
                            Pepper,a four-foot-tall robot who can talk with humans and
                            <span class="word-bc" @click="saveWord($event, 'react')">react</span>
                            to emotions.If you
                            <span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
                            ,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
                            bigger plans for Pepper.It may one day keep humans
                            <span class="word-bc" @click="saveWord($event, 'company')">company</span>
                            and help teach children.
                        </p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指） 动物</p>
                        <div class="bkbj">
                            <p><i>a living thing that can move around,such as an animal</i></p>
@@ -312,7 +355,7 @@
        </div>
        <!-- 64 -->
        <div class="page-box" page="70">
            <div v-if="showPageList.indexOf(71) > -1">
            <div v-if="showPageList.indexOf(70) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
@@ -333,9 +376,59 @@
                        <p>__________________________________________________</p>
                        <p>4.Food processors are great tools for blending vegetables and fruits.</p>
                        <p>__________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The comparative degree.</b></p>
                        <p><b>Ⅲ.Grammar focus:The comparative degree.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Write the comparative form for each word below.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-lf" style="width: 33%;">l. often →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf" style="width: 33%;">2. go0d →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf" style="width: 33%;">3. bad →<input :disabled="testData.isComplete"
                                        type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc ">
                                <td class="tl-lf">4. early →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">5. heavy →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">6. late →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-lf">7. dangerous →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">8. thin →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" /></td>
                                <td class="tl-lf">9. far →<input :disabled="testData.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 70px"
                                        v-model="testData.in.one" @change="setTestData" />
                                </td>
                            </tr>
                        </table>
                        <p>B.Fill in the blanks with the correct comparatives from the above.</p>
                        <p>1.The new car model may be launched _______ than expected.</p>
                        <p>2.The higher we go above the earth,the _______ the air is.</p>
@@ -376,7 +469,37 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0075-1.jpg" /></p>
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">The differences between humanoid robotsand human beings
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">
                                    The things that robots can't do but humans
                                </td>
                                <td>
                                    <p class="table-p">1. Do creative work.</p>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">
                                    The functions of your designed robot
                                </td>
                                <td>
                                    <p class="table-p">1. Fold clothes for you.</p>
                                    <textarea v-model="questionData.table.nineteen"
                                        class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>physical　complex　social　relationship　feeling　emotion　empathy　thought　tireless　creative
@@ -450,18 +573,23 @@
                        <p><i>It appears that most students</i>…</p>
                        <p><i>What surprised me is that</i>…</p>
                        <h3 id="c033"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
                        </p>
                        <p>2.What is your dream about space exploration?</p>
                        <p class="center"><b>Fresh Face of Science</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                        <p>According to Zhao Hongzhou,founder of China’s scientometrics,scientists typically make their
                        <p>According to Zhao Hongzhou,founder of China’s
                            <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
                            ,scientists typically make their
                            biggest achievements between the ages of 25 and 45,which is true of the scientists and
                            engineers working on FAST(Five-hundred-meter Aperture Spherical Telescope).Its engineering
                            engineers working on FAST(Five-hundred-meter Aperture Spherical
                            <span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
                            ).Its engineering
                            and operation team has an average age of 39,while its on-site team has an average age of
                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.</p>
                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
                        </p>
                        <p>As the world’s largest radio telescope,it has been </p>
                    </div>
                </div>
@@ -485,38 +613,66 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
                            2016.It has also contributed to helping human beings better understand the origin of fast
                            radio
                            bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
                        <p>quite helpful in the discovery of around 340
                            <span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
                            ,since becoming operational in September
                            2016.It has also contributed to helping human beings better understand the
                            <span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
                            of fast radio
                            <span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
                            ,extremely brief but powerful flashes in the
                            <span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
                            .FAST was listed by the journals
                            <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
                        </p>
                        <p>The construction of FAST pushed the team to its physical and intellectual limits,including
                        <p>The construction of FAST pushed the team to its physical and
                            <span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
                            limits,including
                            creating new systems to operate the telescope,also known as the “Sky Eye”.At the age of
                            28,Yao Rui,a researcher behind FAST’s feed cabin,was responsible for creating the “pupil” of
                            28,Yao Rui,a researcher behind FAST’s feed
                            <span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
                            ,was responsible for creating the “
                            <span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>” of
                            the “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
                            the cabin’s weight from 34 to 30 tons,while keeping most of the systems inside and leaving
                            enough room to fill it with as much complex and sensitive equipment as possible.Yao’s
                            solution was to change the shape of the cabin to a diamond structure.The redesign was
                            daring,but later testing proved that it worked perfectly.“I’m not worried about
                            enough room to fill it with as much
                            <span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
                            and sensitive equipment as possible.Yao’s
                            solution was to change the shape of the cabin to a
                            <span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
                            structure.The redesign was
                            <span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
                            ,but later testing proved that it worked perfectly.“I’m not worried about
                            problems,because wherever there is a problem,there is a chance for further research,” she
                            said.“As a young scientist,I am lucky to associate my personal passions with the needs of
                            the nation,so I can improve and grow together with the country.”</p>
                            the nation,so I can improve and grow together with the country.”
                        </p>
                        <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
                            giant machine.Nan Rendong,FAST’s former chief scientist,often stressed that FAST not only
                            needed to be precise and sensitive in its applications,but it should also be beautiful to
                            needed to be
                            <span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
                            and sensitive in its applications,but it should also be beautiful to
                            look at.“He expected nothing less of an instrument of national significance,” Sun said.He
                            spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
                            rewarded him with confidence as he overcame many difficulties and setbacks.</p>
                        <p>The “Sky Eye” is open to the world and offers more observation possibilities to the global
                            scientific community,contributing Chinese wisdom to building a community of a shared future
                            for humanity.</p>
                            <span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
                            ded him with confidence as he
                            <span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
                            many difficulties and setbacks.
                        </p>
                        <p>The “Sky Eye” is open to the world and offers more
                            <span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
                            possibilities to the global
                            scientific
                            <span class="word-bc" @click="saveWord($event, 'community')">community</span>
                            ,contributing Chinese wisdom to building a community of a shared future
                            for humanity.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
                        <div class="bkbj">
                            <p><i>the science of measuring and analyzing science</i></p>
@@ -651,7 +807,45 @@
                        <div class="bk-wh">
                            <p>15　28　30　38　39　340　2016</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">The FAST Team</td>
                                <td style="width: 65%;">
                                    <p class="table-p">
                                        The engineering and operation team has an average age of 1.
                                        while the on-site team has an average age of 2.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Achievements</td>
                                <td style="width: 65%;">
                                    <p class="table-p">He would like to provide the world's 5.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />people.</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn table-th-bc">Contributions ofTeam Members</td>
                                <td style="width: 65%;">
                                    <p class="table-p">He would like to provide the world's 5.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete"
                                            type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                                            v-model="testData.in.one" @change="setTestData" />people.</p>
                                </td>
                            </tr>
                        </table>
                        </p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>(　) 1.According to Zhao Hongzhou’s analysis,scientists usually make their greatest
                            achievements before the age of 45.</p>
@@ -704,7 +898,20 @@
                            _______ it.</p>
                        <p>4.All drivers _______ their vehicles—even when it’s a self-driving car accident.</p>
                        <p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
                        <p><b>Ⅲ.Grammar focus:The superlative degree.</b></p>
                        <p><b>Ⅲ.Grammar focus:The superlative degree.</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Complete the sentences with the superlative form of the words in the brackets.</p>
                        <p>1.He is probably the _______ (creative) designer in our company.</p>
                        <p>2.This automated store offers the _______ (wide) variety of products.</p>
@@ -1006,7 +1213,7 @@
                    <span class="contet-num-box">76</span>
                </div>
            </div>
        </div> -->
        </div>
    </div>
</template>
<script>
@@ -1022,50 +1229,60 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar4-1.png"),
            imgThirteenOne: require("../../assets/images/grammar4-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin　　　　Silk",
                        txt: "1. My phone",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica　　The Great Wall",
                        txt: "2. We can pay for almost anything",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren　　Chinese Food",
                        txt: "3. Now almost nobody uses",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese　　　　Tea",
                        txt: "4. We rely on mobile phones",
                    },
                    {
                        oldId: "J20B",
                        txt: "5. Mobile phones have changed",
                    }
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                        txt: "a.a fixed-line telephone.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        txt: "b. all the time now.",
                    },
                    {
                        oldId: "64D6",
                        txt: "c. online or by using an App on the phone.",
                    },
                    {
                        oldId: "FB34",
                        txt: "d. is almost dead.",
                    },
                    {
                        oldId: "J20B",
                        txt: "e. how we go about our everyday life.",
                    }
                ],
            },
            value: [],
@@ -1076,66 +1293,81 @@
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                            "d. is almost dead.",
                        value: "1. My phone",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                            "c. online or by using an App on the phone.",
                        value: "2. We can pay for almost anything",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                            "a. a fixed-line telephone.",
                        value: "3. Now almost nobody uses",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                            "b. all the time now.",
                        value: "4. We rely on mobile phones",
                    },
                    {
                        id: "J20B",
                        linkValue:
                            "e. how we go about our everyday life.",
                        value: "5. Mobile phones have changed",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                options: {
                    linkValues: [

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

 src/books/English/view/components/chapter005.vue

@@ -344,7 +344,20 @@
                        <p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
                            sustainable Games.</p>
                        <p>____________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The present perfect tense.</b></p>
                        <p><b>Ⅲ.Grammar focus:The present perfect tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Mark the correct form of the words in the brackets.</p>
                        <p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
                        </p>
@@ -492,29 +505,57 @@
                        <p>Every morning,I wake up,and just moments after my feet hit this floor,I’m reaching for a
                            sports bra and tying my shoelaces.It’s time to go running.</p>
                        <p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s nothing
                            better than a crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
                            better than a
                            <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
                            morning,when the air is fresh,the sun is
                            <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
                            ing over the
                            <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
                            ,and my
                            legs are light.But some days,when an air quality warning shows on my phone,I know running
                            outdoors will be unpleasant.</p>
                            outdoors will be unpleasant.
                        </p>
                        <p>Most of us would love to cut our carbon footprints in half—I know I would—but it just isn’t
                            convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
                            side of the world.I’m lucky enough to live in a city with great public transportation and a
                            wealth of ecofriendly ride-sharing options.But actually,not all of us have these choices.
                            wealth of
                            <span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span> &nbsp;
                            <span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span>
                            options.But actually,not all of us have these choices.
                        </p>
                        <p>So,if we can’t take millions of cars off the road,what can we do right now,on an individual
                            level,to reduce our carbon footprint?</p>
                        <p>Well,everybody eats.We eat to celebrate,to grow,and to survive.We also eat selectively.It
                            seems like everyone has a dietary restriction these days.Most of the dietary choices are
                        <p>Well,everybody eats.We eat to celebrate,to grow,and to
                            <span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
                            .We also eat
                            <span class="word-bc" @click="saveWord($event, 'selectively')">selectively</span>
                            .It
                            seems like everyone has a
                            <span class="word-bc" @click="saveWord($event, 'dietary')">dietary</span> &nbsp;
                            <span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span>
                            these days.Most of the dietary choices are
                            made for personal,health-related reasons,but what I’ve learned recently is that the food we
                            eat doesn’t just impact us; it impacts the planet big time.</p>
                            eat doesn’t just impact us; it impacts the planet big time.
                        </p>
                        <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                            footprints connected with different diets:meat-eaters,fish-eaters,and vegans.It turns out
                            that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
                            footprints connected with different diets:meat-eaters,fish-eaters,and
                            <span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span>
                            .It turns out
                            that
                            <span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span>
                            ing meat from your diet can reduce your carbon
                            <span class="word-bc" @click="saveWord($event, 'emissions')">emissions</span>
                            by half.A vegan diet
                            was connected with the least amount of greenhouse gas emissions—99 percent to 102 percent
                            less than meateaters—but even switching from meat to fish can reduce your dietary emissions
                            by 50 percent.</p>
                            by 50 percent.
                        </p>
                        <p>Before learning about this study,I never thought about how my diet impacted anyone but
                            myself.I always figured that what I put into my body was a personal decision,but it’s a
                            public concern.</p>
                            myself.I always
                            <span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
                            that what I put into my body was a personal decision,but it’s a
                            public concern.
                        </p>
                        <p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
                            my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
                            peaking over the horizon,a lightness in my legs.I am looking forward to the next day’s run.
@@ -683,7 +724,20 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅲ.Grammar focus:The infinitive.</b></p>
                        <p><b>Ⅲ.Grammar focus:The infinitive.</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Rewrite the following sentences using the infinitive symbol “to”.</p>
                        <p>1.We work hard.</p>
                        <p>We want to make a better life.</p>
@@ -1029,13 +1083,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar5-1.png"),
            imgThirteenOne: require("../../assets/images/grammar5-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
@@ -1374,7 +1430,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {

 src/books/English/view/components/chapter006.vue

@@ -64,7 +64,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -86,18 +87,32 @@
                        <p>How do we exactly define a positive work environment? When asked what makes a great work
                            environment,most people would mention a fancy workplace in a big building with modern
                            design,or a good relationship with coworkers.</p>
                        <p>Gone are those times when candidates only considered the salary at the time of joining a
                            company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
                        <p>Gone are those times when
                            <span class="word-bc" @click="saveWord($event, 'candidates')">andidates</span>
                            only considered the salary at the time of joining a
                            company.Nowadays,apart from the job
                            <span class="word-bc" @click="saveWord($event, 'prospect')">prospect</span>
                            itself,one factor that is greatly influencing
                            how employees feel about work is the environment being provided by the employer.The work
                            environment here includes everything,such as the relationship with coworkers,company
                            culture,room for personal development,café,furniture,etc.A positive work environment is
                            something that makes employees feel good about coming to work every day,and also motivates
                            them to work and give their best effort.</p>
                        <p>An effective way to ensure a positive work environment is to motivate employees for a correct
                            behavioral approach.Good behavior also determines good and peaceful environment.Another way
                            them to work and give their best effort.
                        </p>
                        <p>An effective way to
                            <span class="word-bc" @click="saveWord($event, 'ensure')">ensure</span>
                            a positive work environment is to motivate employees for a correct
                            <span class="word-bc" @click="saveWord($event, 'behavioral')">behavioral</span>&nbsp;
                            <span class="word-bc" @click="saveWord($event, 'approach')">approach</span>
                            .Good behavior also
                            <span class="word-bc" @click="saveWord($event, 'determines')">determines</span>
                            good and peaceful environment.Another way
                            is to ensure healthy relationships among the staff; that is why communication is quite
                            necessary.Keeping an eye on staff interaction doesn’t cost much time for the management
                            team.They only </p>
                            necessary.Keeping an eye on staff
                            <span class="word-bc" @click="saveWord($event, 'interaction')">interaction</span>
                            doesn’t cost much time for the management
                            team.They only
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -123,25 +138,36 @@
                        <p> need to observe body language and listen for negative clues and try to fix the problems as
                            soon as possible.The staff often takes the message from the behavior of the management
                            team,so the management team should also be aware of the power of their behavior and always
                            maintain dignity.</p>
                        <p>Another important way to make a great work environment for a company is to show appreciation
                            of outstanding employees.Workers are more likely to stay in the company,work hard and
                            <span class="word-bc" @click="saveWord($event, 'maintain')">maintain</span> &nbsp;
                            <span class="word-bc" @click="saveWord($event, 'dignity')">dignity</span>.
                        </p>
                        <p>Another important way to make a great work environment for a company is to show
                            <span class="word-bc" @click="saveWord($event, 'appreciation')">appreciation</span> of
                            <span class="word-bc" @click="saveWord($event, 'outstanding')">outstanding</span>
                            employees.Workers are more likely to stay in the company,work hard and
                            provide years of excellent service when knowing that they have a clear opportunity for
                            advancement.When employees know they are valued,they tend to return the favor by being the
                            best at their job.A positive work environment is a place that promises to advance gifted
                            employees and keep that promise.</p>
                            <span class="word-bc" @click="saveWord($event, 'advancement')"> advancement</span>
                            .When employees know they are valued,they tend to return the favor by being the
                            best at their job.A positive work environment is a place that promises to advance
                            <span class="word-bc" @click="saveWord($event, 'gifted')">gifted</span>
                            employees and keep that promise.
                        </p>
                        <p>The work environment can greatly influence how the employees feel about their jobs.Because of
                            this,it’s important to find an employer that fosters a positive atmosphere and encourages
                            employees consistently.A positive work environment can improve employees’ happiness,increase
                            the productivity and motivate those around them.</p>
                            this,it’s important to find an employer that
                            <span class="word-bc" @click="saveWord($event, 'fosters')">fosters</span>
                            a positive atmosphere and encourages employees
                            <span class="word-bc" @click="saveWord($event, 'consistently')">consistently</span>
                            .A positive work environment can improve employees’ happiness,increase
                            the
                            <span class="word-bc" @click="saveWord($event, 'productivity')">productivity</span>
                            and motivate those around them.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center">
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>candidate /ˈkændɪdət/ <i>n.</i> 应聘者</p>
                        <div class="bkbj">
                            <p><i>a person who is applying for a job</i></p>
@@ -194,7 +220,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -322,7 +349,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -342,7 +370,20 @@
                        <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
                            the company.</p>
                        <p>______________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:Inverted sentences.</b></p>
                        <p><b>Ⅲ.Grammar focus:Inverted sentences.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Choose the correct version of the translation of the inverted sentences.</p>
                        <p>1.公交车来了。</p>
                        <p>a.There comes the bus.</p>
@@ -413,7 +454,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -471,12 +513,20 @@
                            knowing the company code of conduct,employees know how to act at work and can be more
                            successful in their roles.If you just joined a new company,it would be beneficial to start
                            with learning the code of conduct.</p>
                        <p>Often,a company uses its core values,including its mission,to guide the creation of these
                            codes.These guidelines outline how the organization operates,how employees conduct
                            themselves daily,and how they work with others on behalf of the organization.</p>
                        <p>Often,a company uses its
                            <span class="word-bc" @click="saveWord($event, 'core')">core</span>
                            values,including its mission,to guide the creation of these
                            codes.These guidelines
                            <span class="word-bc" @click="saveWord($event, 'outline')">outline</span>
                            how the organization operates,how employees
                            <span class="word-bc" @click="saveWord($event, 'conduct')">conduct</span>
                            themselves daily,and how they work with others on behalf of the organization.
                        </p>
                        <p>You can usually find a company’s code of conduct in an employee handbook.Each company has
                            different rules in its code of conduct,and each company has its own policies for enforcing
                            this code.</p>
                            different rules in its code of conduct,and each company has its own policies for
                            <span class="word-bc" @click="saveWord($event, 'enforcing')">enforcing</span>
                            this code.
                        </p>
                        <p>The following code of conduct may help you dig into more details.</p>
                    </div>
                </div>
@@ -493,7 +543,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -502,35 +553,69 @@
                        <div class="fieldset-8">
                            <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
                            <p><b>A._______________________</b></p>
                            <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
                            <p>2.Maintain the good reputation of the company.</p>
                            <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
                                inconsistent with the company mission and values.</p>
                            <p>1.Honesty and
                                <span class="word-bc" @click="saveWord($event, 'integrity')">integrity</span>
                                .Above all,treat clients fairly.
                            </p>
                            <p>2.Maintain the good
                                <span class="word-bc" @click="saveWord($event, 'reputation')">reputation</span>
                                of the company.
                            </p>
                            <p>3.
                                <span class="word-bc" @click="saveWord($event, 'Conflicts')">Conflicts</span>
                                and interest.Manage conflicts of interest fairly and do not act in a manner
                                <span class="word-bc" @click="saveWord($event, 'inconsistent')">inconsistent</span>
                                with the company mission and values.
                            </p>
                            <p>4.Confidentiality.Always be careful of the information received.</p>
                            <p>5.Advertising.Products should not be advertised in a misleading way.</p>
                            <p>5.Advertising.Products should not be
                                <span class="word-bc" @click="saveWord($event, 'advertised')">advertised</span>
                                in a
                                <span class="word-bc" @click="saveWord($event, 'misleading')">misleading</span>
                                way.
                            </p>
                            <p><b>B._______________________</b></p>
                            <p>6.Competence.Advise clients only on matters in which they are competent.</p>
                            <p>6.
                                <span class="word-bc" @click="saveWord($event, 'Competence')">Competence</span>
                                .Advise clients only on matters in which they are
                                <span class="word-bc" @click="saveWord($event, 'competent')">competent</span>
                                .
                            </p>
                            <p>7.Clients’ interests.Pay due regard to the interests of clients and keep those interests
                                above their own.</p>
                            <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
                                that is misleading.</p>
                            <p>9.Suitability of advice.Advice should be suitable for the clients’ needs.</p>
                            <p>9.
                                <span class="word-bc" @click="saveWord($event, 'Suitability')">Suitability</span>
                                of advice.Advice should be suitable for the clients’ needs.
                            </p>
                            <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
                                competitor.</p>
                                <span class="word-bc" @click="saveWord($event, 'competitor')">competitor</span>.
                            </p>
                            <p><b>C._______________________</b></p>
                            <p>11.Skill and care.Act at all times with reasonable skill and care.</p>
                            <p>12.Professional discipline.Organize business in a responsible and effective way.</p>
                            <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
                            <p>14.Complaints.Handle the complaints fairly and quickly.</p>
                            <p>12.Professional
                                <span class="word-bc" @click="saveWord($event, 'discipline')">discipline</span>
                                .Organize business in a responsible and effective way.
                            </p>
                            <p>13.Company guidance.Be familiar and seek to
                                <span class="word-bc" @click="saveWord($event, 'observe')">observe</span>
                                the company
                                <span class="word-bc" @click="saveWord($event, 'guidance')">guidance</span>
                                .
                            </p>
                            <p>14.
                                <span class="word-bc" @click="saveWord($event, 'Complaints')">Complaints</span>
                                .Handle the complaints fairly and quickly.
                            </p>
                            <p>15.Respect.Treat the clients with respect without discrimination.</p>
                        </div>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>core /kɔː(r)/ <i>adj</i>.核心的</p>
                        <div class="bkbj">
                            <p><i>the most important or central part of sth.</i></p>
@@ -640,7 +725,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -716,7 +802,20 @@
                        <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
                        <p>4._________,you shouldn’t give up without trying.</p>
                        <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
                        <p><b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b></p>
                        <p><b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>A.Choose the correct modal verbs in the brackets.</p>
                        <p>1.It’s 9 o’clock in the evening.He______(can/could) still be at the office.He is a
                            workaholic.</p>
@@ -744,7 +843,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -825,7 +925,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -896,7 +997,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -956,7 +1058,8 @@
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
                            ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
@@ -991,7 +1094,7 @@
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterSex",
    name: "chapterSix",
    components: { matching },
    props: {
        showPageList: {
@@ -1000,13 +1103,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar6-1.png"),
            imgThirteenOne: require("../../assets/images/grammar6-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
@@ -1369,7 +1474,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {

 src/books/English/view/components/chapter007.vue

@@ -82,34 +82,66 @@
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
                            people it’s a daily routine.</p>
                        <p>Working on high-
                            <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
                            power lines is considered by many as a high-risk job.But for some
                            people it’s a daily
                            <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
                            .
                        </p>
                        <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
                            Jin has been in this job for more than 20 years.He is a team leader at an electric power
                            company.</p>
                        <p>Wang still clearly remembered the first time he touched the power line.“I was really scared
                            because at the moment of contact ...500 000 volts of electricity hit the gloves,” recalled
                            Wang.</p>
                            because at the moment of
                            <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
                            ...500 000 volts of
                            <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
                            hit the gloves,” recalled
                            Wang.
                        </p>
                        <p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
                            remote areas.</p>
                        <p>Summer in east China’s Shandong Province can be hot and dry.The steel tower is also
                            hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
                            shift.</p>
                        <p>In 2011,Wang finished the world’s first repair work on a 660-kilovolt live-transmission
                            hot.Wearing
                            <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
                            clothes in such weather,Wang felt
                            <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
                            even before he started the
                            shift.
                        </p>
                        <p>In 2011,Wang finished the world’s first repair work on a 660-kilovolt live-
                            <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
                            line.The power transmitted by this line was almost one-tenth of the total power in the
                            entire province at that time.Wang won the National Science and Technology Progress Award—one
                            of China’s highest national honors—for his excellent performance.</p>
                            of China’s highest national honors—for his excellent performance.
                        </p>
                        <p>China’s UHV power network continues to expand,so Wang and his colleagues have set up an
                            innovation center to address new challenges.</p>
                        <p>They have introduced more technologies including the use of drones for line inspection and
                            maintenance.They have 240 drones and 80 operators,and they want to create an
                            unmanned,digital and intelligent line inspection system.</p>
                        <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
                        <p>They have introduced more technologies including the use of drones for line
                            <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
                            and
                            <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
                            .They have 240 drones and 80 operators,and they want to create an
                            unmanned,\
                            <span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
                            and
                            <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
                            line inspection system.
                        </p>
                        <p>Wang is now a father of two.His family gave him the biggest support.His
                            <span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
                            has made
                            him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
                            achieved more than 30 technological innovations.</p>
                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
                            <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
                            achieved more than 30 technological innovations.
                        </p>
                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
                            <span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
                            in China.Their total length is 48 000 kilometers.China’s electricity network has the highest
                            voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
                            voltage and the biggest transmission
                            <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
                            in the world.Thanks to technicians like Wang
                            and his colleagues,China hasn’t experienced a large-scale power outage in the past 10 years.
                        </p>
                    </div>
@@ -138,9 +170,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
                        <div class="bkbj">
                            <p><i>electrical force measured in volts</i></p>
@@ -302,7 +333,20 @@
                        <p>_________________________________________________________________</p>
                        <p>4.Those employees believe that challenges offer opportunities to learn.</p>
                        <p>_________________________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The simple past &amp; past perfect tense.</b></p>
                        <p><b>Ⅲ.Grammar focus:The simple past &amp; past perfect tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
                            from the passage,and then write them down.</p>
                        <p><b>The simple past tense:</b></p>
@@ -561,7 +605,20 @@
                        <p>3.give up_________________________________________</p>
                        <p>4.turn in_________________________________________</p>
                        <p>5.address ...to ..._____________________________</p>
                        <p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b></p>
                        <p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b>
                            <span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
                        <p><b>Examples:</b></p>
                        <div class="fieldset-8">
@@ -885,13 +942,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar7-1.png"),
            imgThirteenOne: require("../../assets/images/grammar7-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
@@ -1254,7 +1313,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {

 src/books/English/view/components/chapter008.vue

@@ -81,11 +81,17 @@
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
                            burned into one’s memory; it gives you the practice needed to fulfill other positions; and
                            it teaches you about the value of money.</p>
                        <p>When I was sixteen years old,I wanted to buy a new speed cube,but I did not have any money.My
                            burned into one’s memory; it gives you the practice needed to
                            <span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
                            other positions; and
                            it teaches you about the value of money.
                        </p>
                        <p>When I was sixteen years old,I wanted to buy a new speed
                            <span class="word-bc" @click="saveWord($event, 'cube')">cube</span>
                            ,but I did not have any money.My
                            parents were not the type of people to give money to me out of nowhere,or even for work done
                            at home.I had to find work in order to purchase one.</p>
                            at home.I had to find work in order to purchase one.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -108,21 +114,43 @@
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>So,I inquired as to who could give me work around town.I lived in the town of Woodway,which
                            had enough people,especially elderly people,who needed help in their yards.I went to the
                            oldest person I knew in my neighbourhood,Mrs.Hudson.She was over eighty years old,and could
                        <p>So,I
                            <span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
                            as to who could give me work around town.I lived in the town of Woodway,which
                            had enough people,especially
                            <span class="word-bc" @click="saveWord($event, 'elderly')">elderly</span>
                            people,who needed help in their yards.I went to the
                            oldest person I knew in my
                            <span class="word-bc" @click="saveWord($event, 'neighbourhood')">neighbourhood</span>
                            ,Mrs.Hudson.She was over eighty years old,and could
                            not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
                            her door,building up enough courage to ask her for work.She answered that indeed she needed
                            help in her garden.</p>
                        <p>My first job was to pull out weeds.I got down on my knees with foam protectors and began to
                            pull out weeds one by one in her front yard and backyard.After this tedious task,I mowed her
                            lawn—front and back.That was it for my first day,and it took me about two hours.I asked her
                            help in her garden.
                        </p>
                        <p>My first job was to pull out
                            <span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
                            .I got down on my knees with
                            <span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
                            protectors and began to
                            pull out weeds one by one in her front yard and backyard.After this
                            <span class="word-bc" @click="saveWord($event, 'tedious')">tedious</span>
                            task,I
                            <span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
                            her
                            <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
                            —front 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,“I will give you $5 an hour.” It was less than I
                            thought I would get paid,but at least I had a job and the money for my cube.</p>
                            thought I would get paid,but at least I had a job and the money for my cube.
                        </p>
                        <p>I think everyone should get down on one’s knees and pull weeds.I think everyone should feel
                            the burning sun on one’s back as they mow.It seems these experiences harden spirits and
                            resolve.Besides this,a first job like this teaches you the value of money,and as sweat
                            turned into the “cube”,it is something no one can take away.</p>
                            the burning sun on one’s back as they mow.It seems these experiences
                            <span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
                            spirits and
                            <span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
                            .Besides this,a first job like this teaches you the value of money,and as
                            <span class="word-bc" @click="saveWord($event, 'sweat')">sweat</span>
                            turned into the “cube”,it is something no one can take away.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
@@ -307,7 +335,20 @@
                        <p>4.Wang Yaping with resolve won her family’s support to be the first woman in China’s new
                            space station.</p>
                        <p>____________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The simple present &amp; past tense.</b></p>
                        <p><b>Ⅲ.Grammar focus:The simple present &amp; past tense.</b>
                            <span class="btn-box" @click="showAnswer('showImg')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImg">
                            <img class="w100" :src="imgThirteen" />
                        </div>
                        <p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
                            the past or the present.</p>
                        <p>（present）1.Everyone’s first job <span class="u">is</span> special.</p>
@@ -415,7 +456,6 @@
                        <p><b>In reality,it looks more like:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
                        <h3 id="c069"><span class="bjh3">Reading</span></h3>

                        <p>1.Working hard is only the first part of success.Making good choices is the second part.It
                            truly takes both to achieve success at whatever you do.What’s your interpretation of the
                            sentence?</p>
@@ -424,9 +464,12 @@
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>We spend a large portion of our lives working,so how we spend those years matters.It is
                        <p>We spend a large
                            <span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
                            of our lives working,so how we spend those years matters.It is
                            beneficial to find a career that will bring satisfaction and happiness rather than find one
                            based on income.</p>
                            based on income.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -453,33 +496,56 @@
                            said.</p>
                        <p>When we have a job that we love,we are more productive and satisfied.There is more passion to
                            get up in the morning and begin working.There are more positive emotions associated with
                            doing something we care about.Sometimes people choose a certain profession because of past
                            experiences.</p>
                            doing something we care about.Sometimes people choose a certain
                            <span class="word-bc" @click="saveWord($event, 'profession')">profession</span>
                            because of past
                            experiences.
                        </p>
                        <p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
                            be a doctor because someone they knew was ill.Someone may choose to be a vet because they
                            be a doctor because someone they knew was ill.Someone may choose to be a
                            <span class="word-bc" @click="saveWord($event, 'vet')">vet</span>
                            because they
                            care about animals.These past experiences may influence a career,and the career may provide
                            more satisfaction and a sense of purpose.</p>
                            more satisfaction and a sense of purpose.
                        </p>
                        <p>We shouldn’t spend a lot of time worrying about where we should be.Things will fall into
                            place as they are meant to.There isn’t one correct path and everyone’s life is different.We
                            may face challenges that bring greater outcomes later on.</p>
                            may face challenges that bring greater
                            <span class="word-bc" @click="saveWord($event, 'outcomes')">outcomes</span>
                            later on.
                        </p>
                        <p>Some may argue that they need more money to survive and be happy.It is true that we need
                            money to survive,but after a certain amount it doesn’t give us any more happiness.It can
                            provide necessities like food,water,clothes,and shelter.It can also provide luxuries like
                            provide
                            <span class="word-bc" @click="saveWord($event, 'necessities')">necessities</span>
                            like food,water,clothes,and
                            <span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
                            .It can also provide
                            <span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
                            like
                            vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
                            enjoyment doesn’t last forever.We usually return to our baseline state shortly after.Every
                            individual’s needs are different,but we can sometimes play a part in our emotional
                            state.Having more luxury items and wants doesn’t bring happiness that lasts.</p>
                        <p>Having a career that we are passionate about,one that gives our life a sense of purpose,and
                            one that we are comfortable with is important.Finding a career shouldn’t be based on income
                            enjoyment doesn’t last forever.We usually return to our
                            <span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
                            state shortly after.Every
                            individual’s needs are different,but we can sometimes play a part in our
                            <span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
                            state.Having more luxury items and wants doesn’t bring happiness that lasts.
                        </p>
                        <p>Having a career that we are
                            <span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
                            about,one that gives our life a sense of purpose,and
                            one that we are
                            <span class="word-bc" @click="saveWord($event, 'comfortable')">comfortable</span>
                            with is important.Finding a career shouldn’t be based on income
                            or forced.We spend a huge amount of our lives working,so we should spend this time doing
                            something we are passionate about.</p>
                            something we are passionate about.
                        </p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
                        <div class="bkbj">
                            <p><i>one part of sth.larger</i></p>
@@ -638,7 +704,19 @@
                        <p>3.Anyone hired into the company must___________the system.</p>
                        <p>4.You must accept___________the blame for this crisis.</p>
                        <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
                        <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b></p>
                        <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
                                        p-id="30865"></path>
                                </svg>
                            </span>
                        </p>
                        <div class="openImgBox" v-if="showImgOne">
                            <img class="w100" :src="imgThirteenOne" />
                        </div>
                        <p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
                        <p><b>Examples:</b></p>
                        <div class="fieldset-2">
@@ -935,13 +1013,15 @@
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            imgThirteen: require("../../assets/images/grammar8-1.png"),
            imgThirteenOne: require("../../assets/images/grammar8-2.png"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
@@ -1304,7 +1384,10 @@
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            } else if (type == "showImgOne") {
                this.showImgOne = !this.showImgOne;
            }
            setTimeout(() => { this.$emit("initViewer", "") }, 500)
        },
        handleQuestion(type) {
            if (type == "one") {

 src/books/English/view/components/index.vue

@@ -14,24 +14,53 @@
      ></pageHeader>
      <chapterOne
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
      ></chapterOne>
      <chapterTwo
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapterTwo>
      <chapterThree
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapterThree>
      <chapterFour
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapterFour>
      <chapterFive
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
      ></chapterFive>
      <chapterSix
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
      ></chapterSix>
      <chapterSeven
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
      ></chapterSeven>
      <chapterEight
        @saveCharacters="saveCharacters"
        @initViewer="initViewer"
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
      ></chapterEight>
      
    </div>
    <miniAudio
      :path="audioPath"
@@ -50,7 +79,7 @@
import chapterThree from "./chapter003.vue";
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
import chapterSex from "./chapter006.vue";
import chapterSix from "./chapter006.vue";
import chapterSeven from "./chapter007.vue";
import chapterEight from "./chapter008.vue";
import miniAudio from "@/components/miniAudio/index.vue";
@@ -739,7 +768,7 @@
        chapterThree,
        chapterFour,
        chapterFive,
        chapterSex,
        chapterSix,
        chapterSeven,
        chapterEight,
      };
@@ -933,7 +962,7 @@
    chapterThree,
    chapterFour,
    chapterFive,
    chapterSex,
    chapterSix,
    chapterSeven,
    chapterEight,
    miniAudio,

 src/books/artAndDrama/assets/main.less

@@ -461,7 +461,7 @@
  .text{
  margin: 0 8%;
  font-family: "STkaiti";
  font-size: 19px;

  }
  .text1{
  margin-bottom: 3%;

 src/books/artAndDrama/view/components/index.vue

@@ -4,7 +4,7 @@
      <div id="searchContent"></div>
    </div>
    <div class="page-content" :style="{
      fontSize: fontSize ? fontSize + 'px' : '16px',
      fontSize: fontSize ? fontSize + 'px' : '19px',
      transform: `scale(${pageZoom ? pageZoom : 1})`,
      transformOrigin: 'center top',
    }">