英语（第一单元）

zhongshujie

2024-07-12 e9bacc34998cbbe537b2bafa97bfa87c882b724f

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

@@ -51,6 +51,44 @@
            <p class="center">
              <img class="img-a" alt="" src="../../assets/images/0030-1.jpg" />
            </p>
            <div class="fl bor-g">
              <div class="w45">
                <div>
                  France
                  <span>
                    123
          <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
                  style="width: 8%">
                  <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                    :value="item">
                    {{ item }}
                  </option>
                </select> -->
                  </span>
                  <span>
                    456
                    <!-- <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
                  style="width: 8%">
                  <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                    :value="item">
                    {{ item }}
                  </option>
                </select> -->
                  </span>
                </div>
                <div>
                  China
                </div>
              </div>
              <div class="w45">
                <div>
                  ltaly
                </div>
                <div>
                  Brazil
                </div>
              </div>
            </div>
            <p>
              <b>Ⅱ.What are the customs and cultures of other countries you
                know? Work with your partner to complete the table below.</b>
@@ -97,7 +135,7 @@
                    @change="setBookQuestion"></textarea>
                </td>
                <td>
                  <textarea v-model="questionData.table.enight"
                  <textarea v-model="questionData.table.eight"
                    class="w100 table-tr-bc b0 table-textarea textarea-box-right" @change="setBookQuestion"></textarea>
                </td>
              </tr>
@@ -138,13 +176,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. I can
                  <input type="radio" name="ball"
                    value="A. I can understand my foreign colleagues because they are straightforward." id="1"
                    v-model="testData.check" /> A. I can
                  understand my foreign colleagues because they are straightforward.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ball"
                    value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
                    v-model="testData.check" /> B. My foreign
                  colleagues just nod and agree with me when we have a discussion.
                </td>
              </tr>
@@ -152,13 +194,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My foreign
                  <input type="radio" name="ballOne"
                    value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
                    v-model="testData.check" /> A. My foreign
                  boss closely oversees our work and criticizes us for our mistakes.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ballOne"
                    value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
                    v-model="testData.check" /> B. My foreign
                  boss is very hands-off and gives us a lot freedom to do things.
                </td>
              </tr>
@@ -166,13 +212,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballTwo"
                    value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
                    v-model="testData.check" /> A. My Chinese
                  colleagues always stay late in the ofice or bring work home.
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballTwo"
                    value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
                    v-model="testData.check" /> B. My Chinese
                  colleagues manage to get their work done during working hours.
                </td>
              </tr>
@@ -180,13 +230,17 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                <td class="bor-b-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballThree"
                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
                    v-model="testData.check" /> A. My Chinese
                  colleagues deal with issues more objectively
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballThree"
                    value="B. My Chinese colleagues are likely to take things personally" id="1"
                    v-model="testData.check" /> B. My Chinese
                  colleagues are likely to take things personally
                </td>
              </tr>
@@ -649,7 +703,7 @@
              </span>
            </p>
            <div class="openImgBox" v-if="showImg">
              <img class="w100"  :src="imgThirteen"  />
              <img class="w100" :src="imgThirteen" />
            </div>
            <p>
              A.Read the example and underline the real subject that “it”
@@ -886,10 +940,166 @@
              <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
            </p>
            <div class="bk-wh">
              <p>
                direct　formal　respect　privacy　hand-shaking　touch　comfortable　toast　chopsticks　seating
                arrangement
              <p class="dl-box">
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'direct')">direct</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'formal')">formal</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'respect')">respect</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'privacy')">privacy</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'hand-shaking')">hand-shaking</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'touch')">touch</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'comfortable')">comfortable</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'toast')">toast</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'chopsticks')">chopsticks</span>
                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'seating arrangement')">seating
                  arrangement</span>
              </p>
            </div>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
            <h2 id="b006"><img class="img-0" alt="" src="../../assets/images/dy2-le2.jpg" /></h2>
            <h3 id="c014" class="fl al-cn">
@@ -958,34 +1168,37 @@
            <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 
            <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>
              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
              <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 
              simply enjoying the moment.
            </p>
            <p>Turning up as simple but
              <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
              ,the opening 
              ,the opening
              <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
               lasted for about two hours with less performing
              artists but more 
              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 
              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 
              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>
              countries and regions on them,was lit by two young Chinese
              athletes.
            </p>
          </div>
        </div>
        <div class="preface-bottom">
@@ -1010,27 +1223,30 @@
            <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
              “
              <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
              ”,not only because of the 
              ”,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 
              situation but also a different China now —more confident in
              its culture.
            </p>
            <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
              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 
              <span class="word-bc" @click="saveWord($event, 'competition')">competition</span> 
              .</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 
            <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 
              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
              <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
               was played and when images of
              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>
@@ -1289,7 +1505,7 @@
              </span>
            </p>
            <div class="openImgBox" v-if="showImgOne">
              <img class="w100"  :src="imgThirteenOne" />
              <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"
@@ -1346,8 +1562,8 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                  <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.twentyThree" class="w100 table-tr-bc b0 table-textarea "
@@ -1384,8 +1600,8 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                  <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.twentyFive" class="w100 table-tr-bc b0 table-textarea "
@@ -1394,8 +1610,8 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
                    @change="setBookQuestion"></textarea>
                  <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.twentySeven" class="w100 table-tr-bc b0 table-textarea "
@@ -1403,7 +1619,154 @@
                </td>
              </tr>
            </table>
            <h2 id="b007"><img class="img-0" alt="" src="image/dy2-le3.jpg" /></h2>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
            <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenTwo" controls class="audio" @play="audioPlay"></audio>
@@ -1874,6 +2237,153 @@
              <p><b>Local highlights</b>:(take Beijing for example) climbing the Great Wall,visiting the Forbidden
                City,tasting Beijing roast duck,enjoying Peking opera,exploring the old alleys …</p>
            </div>
            <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
              <div class="banshi openImgBox">
                <div class="swiper-container swiper_ppt">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="pageBox"></div>
                </div>
                <!-- 显示当前页和总页数的元素 -->
              </div>
            </div>
          </div>
        </div>
        <div class="preface-bottom">
@@ -1905,7 +2415,7 @@
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showImgOne:false,
      showImgOne: false,
      showLessonOneQuestionAnswer: false,
      rawData: {
        left: [
@@ -2071,7 +2581,7 @@
          five: "",
          six: "",
          seven: "",
          enight: "",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
@@ -2084,56 +2594,61 @@
          eighteen: "",
          nineteen: "",
          twenty: "",
          twentyOne:"",
          twentyTwo:"",
          twentyThree:"",
          twentyFour:"",
          twentyFive:"",
          twentySix:"",
          twentySeven:"",
          twentyEight:"",
          twentyNine:"",
          twentyOne: "",
          twentyTwo: "",
          twentyThree: "",
          twentyFour: "",
          twentyFive: "",
          twentySix: "",
          twentySeven: "",
          twentyEight: "",
          twentyNine: "",
          thirty: "",
          thirtyOne:"",
          thirtyTwo:"",
          thirtyThree:"",
          thirtyFour:"",
          thirtyFive:"",
          thirtySix:"",
          thirtySeven:"",
          thirtyEight:"",
          thirtyNine:"",
          thirtyOne: "",
          thirtyTwo: "",
          thirtyThree: "",
          thirtyFour: "",
          thirtyFive: "",
          thirtySix: "",
          thirtySeven: "",
          thirtyEight: "",
          thirtyNine: "",
          forty: "",
          fortyOne:"",
          fortyTwo:"",
          fortyThree:"",
          fortyFour:"",
          fortyFive:"",
          fortySix:"",
          fortySeven:"",
          fortyEight:"",
          fortyNine:"",
          fortyOne: "",
          fortyTwo: "",
          fortyThree: "",
          fortyFour: "",
          fortyFive: "",
          fortySix: "",
          fortySeven: "",
          fortyEight: "",
          fortyNine: "",
          fifty: "",
          fiftyOne:"",
          fiftyTwo:"",
          fiftyThree:"",
          fiftyFour:"",
          fiftyFive:"",
          fiftySix:"",
          fiftySeven:"",
          fiftyEight:"",
          fiftyNine:"",
          fiftyOne: "",
          fiftyTwo: "",
          fiftyThree: "",
          fiftyFour: "",
          fiftyFive: "",
          fiftySix: "",
          fiftySeven: "",
          fiftyEight: "",
          fiftyNine: "",
          sixty: "",
          sixtyOne:"",
          sixtyTwo:"",
          sixtyThree:"",
          sixtyFour:"",
          sixtyFive:"",
          sixtySix:"",
          sixtySeven:"",
          sixtyEight:"",
          sixtyNine:"",
          sixtyOne: "",
          sixtyTwo: "",
          sixtyThree: "",
          sixtyFour: "",
          sixtyFive: "",
          sixtySix: "",
          sixtySeven: "",
          sixtyEight: "",
          sixtyNine: "",
        },
      },
      radio: {
        isRight: null,
        answer: ["", "Date and time", "Address", "Organizer"],
        value: [],
      },
      testData: {
        check: [],
@@ -2339,7 +2854,7 @@
      } else if (type == "showImgOne") {
        this.showImgOne = !this.showImgOne;
      }
      setTimeout(()=>{  this.$emit("initViewer","")},500)
      setTimeout(() => { this.$emit("initViewer", "") }, 500)
    },
    handleQuestion(type) {
      if (type == "one") {