英语（第一单元题集）

zhongshujie

2024-07-11 0a945a92ee0c133a6d7b71b35a705d9764d94f3b

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

@@ -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>
@@ -387,7 +391,44 @@
                            <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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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: 5em"
                                        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>
@@ -428,11 +469,204 @@
                <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
                            <p class="dl-box">
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'physical')">physical</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'complex')">complex</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'social')">social</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'relationship')">relationship</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'feeling')">feeling</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'emotion')">emotion</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'empathy')">empathy</span>
                                <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'thought')">thought</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'tireless')">tireless</span>
                                <span class="word-bc mr-20 dl-span"
                                    @click="saveWord($event, 'creative')">creative</span>
                            </p>
                            <p>　　　　　　　　　
                            </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="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
                        <h3 id="c032"><span class="bjh3">Warm-up</span></h3>
@@ -502,8 +736,6 @@
                        <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>
@@ -738,7 +970,65 @@
                        <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.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>
                                        while the on-site team has an average age of 2.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>
                                    </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.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
                                            style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>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.<select
                                            v-model="dropdownData.one.value" style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>least developed countries
                                        with engineers.</p>
                                    <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value"
                                            style="width: 25%">
                                            <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
                                                {{ item }}
                                            </option>
                                        </select>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>
@@ -841,13 +1131,222 @@
                            technology,the improvement of people’s lives,and the development of the Chinese nation.Work
                            in groups and list some great Chinese scientists and their contributions to the world,and
                            then discuss with your group members about their spirit towards scientific research and
                            innovation.</p>
                            innovation.
                        </p>
                        <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/0081-2.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">Scientists</td>
                                <td class="tl-cn">Contributions</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">Zhang Heng</td>
                                <td class="tl-lf">
                                    He invented a machine called seismometer(地动仪), which could sense distant
                                    earthquakes,
                                    and indicated in which direction they were happening.
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        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" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        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" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        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" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        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" @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                        <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="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
                        <h3 id="c035"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <h3 id="c035" 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 Nadia talking about her favorite electronic device and mark what she says
                                about it.</b></p>
                        <p>□ 1.What it is</p>
@@ -880,7 +1379,78 @@
                        <p>□ 6.Why it is important to Nadia</p>
                        <p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
                                conversation,and write down the benefits of each App.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
                        <p class="center">
                        <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                            <tr class="table-th-bc">
                                <td class="tl-cn">Artificial Inteligence Apps</td>
                                <td class="tl-cn">Benefits</td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    digital assistance
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        It reminds me to do things.
                                    </p>
                                    <p class="table-p">
                                        It wakes me up 1<input :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />in the morning.
                                    </p>
                                    <p class="table-p">
                                        It plays my 2.<input :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />music.
                                    </p>
                                    <p class="table-p">
                                        I chat with it when I am alone..
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    online shopping recommendation
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        It 3.<input :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />suggests things that I
                                        want.
                                    </p>
                                    <p class="table-p">
                                        It makes shopping a 4.<input :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />experience.
                                    </p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    instant translation
                                </td>
                                <td class="tl-lf">
                                    <p class="table-p">
                                        They help me communicate easily when I travel abroad.
                                    </p>
                                    <p class="table-p">
                                        They're so 5.<input :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />for foreign language
                                        learning.
                                    </p>
                                    <p class="table-p">
                                        I can figure out words or the meaning of words 6.<input
                                            :disabled="testData.isComplete" type="text"
                                            class="input-bottom-border input-bc-t" style="width: 5em"
                                            v-model="testData.in.one" @change="setTestData" />
                                    </p>
                                </td>
                            </tr>
                        </table>

                        </p>
                        <h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.What is a sales letter like?</p>
@@ -1100,6 +1670,153 @@
                            <p>We can very well compete against … in price.</p>
                            <p>… are the best-selling products of this kind.</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">
@@ -1130,44 +1847,52 @@
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showImgOne: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: [],
@@ -1178,66 +1903,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",
@@ -1248,7 +1988,7 @@
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
                answerImg: require("../../assets/images/matching-four.png"),
            },
            questionData: {
                warnUp: {
@@ -1296,7 +2036,7 @@
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    eight: "",
                    nine: "",
                },
            },