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

yiming

2024-08-07 e89d2f02233370260faa26eae68819f94e906e14

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

@@ -359,7 +359,7 @@
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
            </p>
            <p class="center"><b>My Experience in <span class="word-bc">Wonderland</span> </b></p>
            <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
@@ -379,7 +379,7 @@
              the people,the culture,the
              <span class="word-bc" >cuisine</span>
              and of course the huge variety of
              <span class="word-bc">landscapes</span>.
              <span class="word-bc" word="landscape">landscapes</span>.
            </p>
            <p>
              I found many great people and made several Chinese friends along
@@ -1080,7 +1080,7 @@
              people.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
                @change="setTestData" />

            </p>
@@ -1092,7 +1092,7 @@
              greatly promoted the development of ancient Chinese civilization.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1103,7 +1103,7 @@
              tea culture in depth.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1114,7 +1114,7 @@
              Chinese medical science.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1142,7 +1142,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you try using sticks, you can enjoy the fun of having a
@@ -1154,7 +1154,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you go to my Chinese New Year party, you will meet my
@@ -1163,7 +1163,7 @@
            <p>3.Drink some Longjing tea,and you will love it.</p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If you drink some Longjing tea, you will love it.
@@ -1174,7 +1174,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案：If I go to Xi’an one day, I will visit the terracotta
@@ -1186,7 +1186,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              答案： If you ask foreigners about their favorite Chinese food,
@@ -1965,7 +1965,7 @@
              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
              <span class="word-bc">Mausoleum</span>
              <span class="word-bc" word="mausoleum">Mausoleum</span>
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.one" @change="setTestData" />
              I looked around with curiosity,and everything seemed to move at a
@@ -1987,7 +1987,7 @@
              my room to turn on my
              <span class="word-bc">laptop</span>
              and typed in the key words.I was
              <span class="word-bc">stunned</span>
              <span class="word-bc" word="stun">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>
@@ -1995,7 +1995,7 @@
              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
              <span class="word-bc" >triggered</span>
              <span class="word-bc" word="trigger">triggered</span>
              my attention.With the
              help of my classmates,I finally got my own online payment
              account.This is an absolute
@@ -2024,7 +2024,7 @@
              millions of people around China.The Chinese
              <span class="word-bc">economy</span>
              is
              <span class="word-bc">booming</span>
              <span class="word-bc" word="boom">booming</span>
              ,which makes people well off.I’ve been in China for several
              years and witnessed China’s
              <span class="word-bc" >potential</span>
@@ -2756,7 +2756,7 @@
              </p>
            </div>
            <p>
              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete"
              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2781,7 +2781,7 @@
              </span>
            </p>
            <p>
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2807,7 +2807,7 @@
            </p>
            <p>
              3.China offers researchers world-class advanced research
              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2833,7 +2833,7 @@
            </p>
            <p>
              4.These friends made Vanessa see China through the eyes of the
              locals. ( <select class="select-border" :disabled="testOneData.isComplete"
              locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2858,7 +2858,7 @@
              </span>
            </p>
            <p>
              5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
              5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -3030,137 +3030,87 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1（lesson two）_17.jpg" />
                      </div>
                    </div>
                  </div>
@@ -3581,7 +3531,7 @@
              </div>
              <div class="right" style="width: 48%">
                <p>
                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" />
                  Name of the event
                  <span>
                    <svg v-if="
@@ -3611,7 +3561,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" />
                  Date and time
                  <span>
                    <svg v-if="
@@ -3641,7 +3591,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" />
                  Location
                  <span>
                    <svg v-if="
@@ -3671,7 +3621,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" />
                  Greetings
                  <span>
                    <svg v-if="
@@ -3701,7 +3651,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" />
                  Warnings
                  <span>
                    <svg v-if="
@@ -3731,7 +3681,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" />
                  Organizer
                  <span>
                    <svg v-if="
@@ -3761,7 +3711,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" />
                  Signature
                  <span>
                    <svg v-if="
@@ -3792,7 +3742,7 @@
                </p>
                <p>
                  <input type="checkbox" name="ball" value="A short description of the event" id="8"
                    v-model="check.value" />
                    v-model="check.value" @change="setCheck" />
                  A short description of the event
                  <span>
                    <svg v-if="
@@ -3822,7 +3772,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" />
                  Contact information
                  <span>
                    <svg v-if="
@@ -3852,7 +3802,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value"  @change="setCheck" />
                  Pictures of the event
                  <span>
                    <svg v-if="
@@ -3884,7 +3834,7 @@
              </div>
            </div>
            <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
              答案：Name of the event,Date & time,Address,Organizer
              答案：1.Name of the event &nbsp; 2.Date & time &nbsp; 3.Address,Organizer &nbsp;
            </p>
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
@@ -4154,137 +4104,77 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </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" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1（lesson three）_15.jpg" />
                      </div>
                    </div>
                  </div>
@@ -4824,7 +4714,7 @@
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
@@ -4843,6 +4733,11 @@
    const testTwoData = localStorage.getItem("english-PracticalWriting");
    if (testTwoData) {
      this.testTwoData = JSON.parse(testTwoData);
    }

    const check  = localStorage.getItem("english-lessonFour");
    if (check) {
      this.check = JSON.parse(check);
    }
    this.getPath();
  },
@@ -4921,6 +4816,7 @@
          three:"",
        },
      };
      this.showQuestionAnswer = false
    }, 
    changeTestOneData() {
      localStorage.removeItem("english-lessonTwo")
@@ -4973,7 +4869,7 @@
    },
    setBookQuestion() {
      localStorage.setItem(
        "english-book-question-one",
        "english-book-chapter01-question-one",
        JSON.stringify(this.questionData)
      );
    },