From c74a9956a74475199b23bf37385135cae1076f85 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 30 五月 2024 19:07:30 +0800
Subject: [PATCH] 合并

---
 src/books/English/view/components/chapter001.vue | 1286 +++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 787 insertions(+), 499 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 5b592fd..8dc5e7f 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -77,19 +77,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.one.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.one.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -105,7 +127,10 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0012-2.jpg" style="width: 94%" />
+                      <img
+                        src="../../assets/images/0012-2.jpg"
+                        style="width: 94%"
+                      />
                     </p>
                     <p class="center">
                       2.<input
@@ -115,19 +140,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.two.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.two.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -141,7 +188,7 @@
                   </p>
                 </div>
               </div>
-    
+
               <div class="fl ju-bt">
                 <div class="left" style="width: 48%">
                   <div>
@@ -156,19 +203,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.three.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.three.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -184,7 +253,10 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0012-4.jpg" style="width: 93%" />
+                      <img
+                        src="../../assets/images/0012-4.jpg"
+                        style="width: 93%"
+                      />
                     </p>
                     <p class="center">
                       4.<input
@@ -194,19 +266,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.four.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.four.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -220,7 +314,7 @@
                   </p>
                 </div>
               </div>
-    
+
               <div class="fl ju-bt">
                 <div class="left" style="width: 48%">
                   <div>
@@ -235,19 +329,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.five.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.five.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -263,7 +379,10 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0012-6.jpg" style="width: 92%" />
+                      <img
+                        src="../../assets/images/0012-6.jpg"
+                        style="width: 92%"
+                      />
                     </p>
                     <p class="center">
                       6.<input
@@ -273,19 +392,41 @@
                         @change="setBookQuestion"
                       />
                       <span class="icon-box">
-                        <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="questionData.warnUp.six.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="questionData.warnUp.six.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -335,11 +476,11 @@
               style="width: 100%"
               v-if="showAnswerOne"
             >
-              绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
-              6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
-              papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
-              Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
-              makeup
+              绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese
+              silk 6. Chinese calligraphy & painting 7. Chinese embroidery 8.
+              Chinese papercut 9. Chinese lantern 10. Moon cake 11. Memorial
+              archway 12. Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16.
+              Opera facial makeup
             </p>
           </div>
         </div>
@@ -381,7 +522,8 @@
               <audio :src="resource.readingOne" controls></audio>
             </h3>
             <p>
-              1.How was Chinese culture introduced to the world in ancient times?
+              1.How was Chinese culture introduced to the world in ancient
+              times?
               <!-- <button
                 class="parimary-btn"
                 @click="showAnswerThree = !showAnswerThree"
@@ -419,8 +561,8 @@
               绛旀锛歍he Silk Road &nbsp;&nbsp;&nbsp; Immigrants Sinologist
             </p>
             <p>
-              2.China offers so much to see and explore.What took you by surprise
-              about China?
+              2.China offers so much to see and explore.What took you by
+              surprise about China?
               <!-- <button
                 class="parimary-btn"
                 @click="showAnswerFour = !showAnswerFour"
@@ -455,9 +597,10 @@
               style="margin-left: 40px; width: 91%"
               v-if="showAnswerFour"
             >
-              绛旀锛�(1)Various delicious food (2)Unique architectures (3)Beautiful
-              (4)Intangible cultural heritage, such as Taichi, shadow puppet show,
-              traditional Chinese medicine, Peking Opera scenery
+              绛旀锛�(1)Various delicious food (2)Unique architectures
+              (3)Beautiful (4)Intangible cultural heritage, such as Taichi,
+              shadow puppet show, traditional Chinese medicine, Peking Opera
+              scenery
             </p>
             <p class="center"><b>My Experience in Wonderland</b></p>
             <p class="block">
@@ -473,9 +616,9 @@
                 >incredible</span
               >
               journey to China started in 2017 when I got selected as a foreign
-              student for PhD studies at one university.When I arrived in China,I
-              was like Alice in Alice in Wonderland.I was curious about the
-              people,the culture,the
+              student for PhD studies at one university.When I arrived in
+              China,I was like Alice in Alice in Wonderland.I was curious about
+              the people,the culture,the
               <span class="word-bc" @click="saveWord($event, 'cuisine')"
                 >cuisine</span
               >
@@ -485,9 +628,9 @@
               >.
             </p>
             <p>
-              I found many great people and made several Chinese friends along the
-              way.These friends made me see China through the eyes of the locals.I
-              always found Chinese people very friendly and
+              I found many great people and made several Chinese friends along
+              the way.These friends made me see China through the eyes of the
+              locals.I always found Chinese people very friendly and
               <span class="word-bc" @click="saveWord($event, 'hospitable')"
                 >hospitable</span
               >
@@ -496,8 +639,8 @@
               <span class="word-bc" @click="saveWord($event, 'civilization')"
                 >civilization</span
               >
-              much easier,enjoyable and memorable.I consider China my second home
-              and love it like my own country!
+              much easier,enjoyable and memorable.I consider China my second
+              home and love it like my own country!
             </p>
             <p>
               You cannot
@@ -531,9 +674,10 @@
         <div class="padding-93">
           <div class="bodystyle">
             <p class="t0">
-              a new kind of food every day for one whole year,the list of Chinese
-              food would still never end! Though I love to eat almost all kinds of
-              Chinese cuisine,I found Sichuan and Hunan cuisine quite
+              a new kind of food every day for one whole year,the list of
+              Chinese food would still never end! Though I love to eat almost
+              all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
+              quite
               <span class="word-bc" @click="saveWord($event, 'mouth-watering')"
                 >mouth-watering</span
               >
@@ -544,7 +688,8 @@
               <span class="word-bc" @click="saveWord($event, 'foodie')"
                 >foodie</span
               >
-              like me,China is a heaven.I simply cannot live without Chinese food.
+              like me,China is a heaven.I simply cannot live without Chinese
+              food.
             </p>
             <p>
               Like I said earlier,China is a huge wonderland.It has thousands of
@@ -561,20 +706,22 @@
                 @click="saveWord($event, 'atmosphere')"
                 >atmosphere</span
               >
-              that attracts you.I visited more than a dozen cities and came across
-              their charming features and unique landscapes such as Huangshan,the
-              Great Wall,Canton Tower.
+              that attracts you.I visited more than a dozen cities and came
+              across their charming features and unique landscapes such as
+              Huangshan,the Great Wall,Canton Tower.
             </p>
             <p>
-              There is so much to explore and I am looking forward to it during my
-              stay.This is a whole new exciting experience for me,and it will
+              There is so much to explore and I am looking forward to it during
+              my stay.This is a whole new exciting experience for me,and it will
               always be remembered.
             </p>
             <!-- <p class="center">
               <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
             </p> -->
             <p class="fl al-cn mt-40">
-              <span class="zt-cs " style="font-size:20px">Words &amp; Expressions</span>
+              <span class="zt-cs" style="font-size: 20px"
+                >Words &amp; Expressions</span
+              >
               <span class="line-border-box"></span>
             </p>
             <audio
@@ -595,7 +742,9 @@
             </p>
             <div class="bkbj">
               <p>
-                <i>the food served in a restaurant (usually an expensive one)</i>
+                <i
+                  >the food served in a restaurant (usually an expensive one)</i
+                >
               </p>
             </div>
             <p>landscape /藞l忙ndske瑟p/ <i>n.</i> 锛堥檰涓婏級 椋庢櫙锛屾櫙鑹�</p>
@@ -613,8 +762,9 @@
             <div class="bkbj">
               <p>
                 <i
-                  >a society,its culture and its way of life (during a particular
-                  period of time or in a particular part of the world)</i
+                  >a society,its culture and its way of life (during a
+                  particular period of time or in a particular part of the
+                  world)</i
                 >
               </p>
             </div>
@@ -622,8 +772,8 @@
             <div class="bkbj">
               <p>
                 <i
-                  >to travel into or around an area or a country in order to learn
-                  about it</i
+                  >to travel into or around an area or a country in order to
+                  learn about it</i
                 >
               </p>
             </div>
@@ -652,7 +802,9 @@
         </ul>
         <div class="padding-93">
           <div class="bodystyle">
-            <p>stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨�</p>
+            <p>
+              stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨�
+            </p>
             <div class="bkbj">
               <p>
                 <i>making you feel more active and healthy</i> foodie /藞fu藧di/
@@ -684,7 +836,7 @@
             <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p>
             <p>along the way 娌块��</p>
             <div class="bj-note">
-              <p class="m0 "><b class="fz-18">Notes:</b></p>
+              <p class="m0"><b class="fz-18">Notes:</b></p>
               <p class="m0">
                 <i>Alice in Wonderland</i> 锛�<i
                   >Alice's Adventures in Wonderland</i
@@ -697,14 +849,75 @@
               China.
             </p>
             <p>
-              <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> 
-              Language</p>
-            <p><input type="checkbox" name="ball" value="People" id="2" v-model="testData.check" /> People</p>
-            <p><input type="checkbox" name="ball" value="Culture" id="3" v-model="testData.check" /> Culture</p>
-            <p><input type="checkbox" name="ball" value="Cuisine" id="4" v-model="testData.check" /> Cuisine</p>
-            <p><input type="checkbox" name="ball" value="Folk" id="5" v-model="testData.check" /> Folk art</p>
-            <p><input type="checkbox" name="ball" value="Landscapes" id="6" v-model="testData.check" /> Landscapes</p>
-            <p><input type="checkbox" name="ball" value="Transportation" id="7" v-model="testData.check" /> Transportation</p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Language"
+                id="1"
+                v-model="testData.check"
+              />
+              Language
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="People"
+                id="2"
+                v-model="testData.check"
+              />
+              People
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Culture"
+                id="3"
+                v-model="testData.check"
+              />
+              Culture
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Cuisine"
+                id="4"
+                v-model="testData.check"
+              />
+              Cuisine
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Folk"
+                id="5"
+                v-model="testData.check"
+              />
+              Folk art
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Landscapes"
+                id="6"
+                v-model="testData.check"
+              />
+              Landscapes
+            </p>
+            <p>
+              <input
+                type="checkbox"
+                name="ball"
+                value="Transportation"
+                id="7"
+                v-model="testData.check"
+              />
+              Transportation
+            </p>
             <p
               class="event-header-text-bc pd-5"
               style="margin-left: 35px; width: 93%"
@@ -751,8 +964,8 @@
               style="margin-left: 40px; width: 93%"
               v-if="showQuestionAnswer"
             >
-              绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines are
-              quite mouth-watering and stimulating.
+              绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines
+              are quite mouth-watering and stimulating.
             </p>
             <p>2.When and why did the author start her journey to China?</p>
             <textarea
@@ -768,7 +981,8 @@
               v-if="showQuestionAnswer"
             >
               绛旀锛歐hen the author got selected as a foreign student for PhD
-              studies at one university in 2017, she started her journey to China.
+              studies at one university in 2017, she started her journey to
+              China.
             </p>
             <p>3.What are the author鈥檚 expectations of her stay in China?</p>
             <textarea
@@ -814,11 +1028,11 @@
               style="margin-left: 40px; width: 93%"
               v-if="showQuestionAnswer"
             >
-              绛旀锛欵ach city has its unique atmosphere with charming features and
-              unique landscapes.
+              绛旀锛欵ach city has its unique atmosphere with charming features
+              and unique landscapes.
             </p>
-            Each city has its unique atmosphere with charming features and unique
-            landscapes.
+            Each city has its unique atmosphere with charming features and
+            unique landscapes.
             <p><b>鈪�.Language focus.</b></p>
             <p>
               A.Fill in the blanks with the proper words in the passage.The
@@ -838,8 +1052,8 @@
                 type="text"
                 class="input-bottom-border"
                 style="width: 60px"
-              />.Chinese friends helped her a lot in understanding Chinese culture
-              and c<input
+              />.Chinese friends helped her a lot in understanding Chinese
+              culture and c<input
                 v-model="testData.in.three"
                 type="text"
                 class="input-bottom-border"
@@ -850,8 +1064,8 @@
                 class="input-bottom-border"
                 style="width: 60px"
               />China properly if he/she does not try its delicious variety of
-              food.China has thousands of years of rich and beautiful culture.Each
-              city has its u<input
+              food.China has thousands of years of rich and beautiful
+              culture.Each city has its u<input
                 v-model="testData.in.five"
                 type="text"
                 class="input-bottom-border"
@@ -898,8 +1112,8 @@
               style="margin-left: 40px; width: 93%"
               v-if="showQuestionAnswer"
             >
-              绛旀锛歁any foreigners are curious about the amazing Chinese martial
-              arts.
+              绛旀锛歁any foreigners are curious about the amazing Chinese
+              martial arts.
             </p>
             <p>
               3.along the way<input
@@ -914,8 +1128,8 @@
               style="margin-left: 40px; width: 93%"
               v-if="showQuestionAnswer"
             >
-              绛旀锛欼 suggest that you go to Tibet by train so that you can enjoy
-              the natural scenery along the way.
+              绛旀锛欼 suggest that you go to Tibet by train so that you can
+              enjoy the natural scenery along the way.
             </p>
             <p>
               4.come across<input
@@ -1008,8 +1222,8 @@
               绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆�
             </p>
             <p>
-              3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
-              culture in depth.
+              3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese
+              tea culture in depth.
             </p>
             <p>
               <input
@@ -1046,12 +1260,21 @@
             <p>
               <b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b>
               <span class="btn-box" @click="showAnswer('showImg')">
-                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                  xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink"
-                  width="20" height="20">
+                <svg
+                  t="1717037443722"
+                  class="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="30864"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  width="20"
+                  height="20"
+                >
                   <path
                     d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
-                     p-id="30865"></path>
+                    p-id="30865"
+                  ></path>
                 </svg>
               </span>
             </p>
@@ -1138,8 +1361,8 @@
               warriors.
             </p>
             <p>
-              5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
-              would possibly be in top three.
+              5.Ask foreigners about their favorite Chinese food.Kung Pao
+              Chicken would possibly be in top three.
             </p>
             <p>
               <b>If</b
@@ -1154,8 +1377,8 @@
               style="margin-left: 40px; width: 93%"
               v-if="showQuestionAnswer"
             >
-              绛旀锛� If you ask foreigners about their favorite Chinese food, Kung
-              Pao Chicken would possible be in top three
+              绛旀锛� If you ask foreigners about their favorite Chinese food,
+              Kung Pao Chicken would possible be in top three
             </p>
             <p>
               B.Complete the following sentences using <i>if</i> or
@@ -1199,8 +1422,8 @@
                 type="text"
                 class="input-bottom-border"
                 style="width: 60px"
-              />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
-              Breeding.
+              />I go to Sichuan,I will visit Chengdu Research Base of Giant
+              Panda Breeding.
             </p>
             <p
               class="event-header-text-bc pd-5"
@@ -1211,16 +1434,24 @@
               &nbsp; 5.if
             </p>
             <div class="w100 fl ju-cn">
-              <ul class="fl ju-ev" style="width: 50%">
-                <li><button class="btn-border btn-w" @click="saveData">鎻愪氦</button></li>
+              <ul class="fl ju-ev" style="width: 80%">
+                <li>
+                  <button class="btn-border btn-w" @click="saveData">
+                    鎻愪氦
+                  </button>
+                </li>
                 <li>
                   <button @click="setTestData" class="btn-border btn-w">
                     淇濆瓨
                   </button>
                 </li>
                 <li>
+                  <button @click="changeTestData" class="btn-border btn-w">
+                    閲嶅仛
+                  </button>
+                </li>
+                <li>
                   <button
-                  style="min-height:24px"
                     @click="showQuestionAnswer = !showQuestionAnswer"
                     class="parimary-btn"
                   >
@@ -1255,16 +1486,19 @@
             <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
             <p>
               China is a great country with a fascinating culture.Its ancient
-              civilization,rich history,and unique customs make it one of the most
-              interesting countries in the world.There are so many interesting
-              facts about Chinese culture.Work in groups and interview your group
-              members about their knowledge of Chinese culture,and then:
+              civilization,rich history,and unique customs make it one of the
+              most interesting countries in the world.There are so many
+              interesting facts about Chinese culture.Work in groups and
+              interview your group members about their knowledge of Chinese
+              culture,and then:
             </p>
             <p>1.Find out interesting facts they know about Chinese culture;</p>
             <p>2.Finish the worksheet and report to the class.</p>
             <div class="fieldset">
               <p>Questions:1.Who are you going to interview?</p>
-              <p>銆�銆�銆�銆�2.What is he/she interested in about Chinese culture?</p>
+              <p>
+                銆�銆�銆�銆�2.What is he/she interested in about Chinese culture?
+              </p>
               <p>銆�銆�銆�銆�3.What does he/she know about it?</p>
             </div>
             <p class="left">
@@ -1430,283 +1664,150 @@
             </div>
             <div class="resource-primary-border" style="padding: 8px">
               <div class="banshi openImgBox">
-                  <div class="swiper-container">
-                    <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_01.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 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-button-next"></div>
-                    <div class="swiper-button-prev"></div>
+                    <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_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="pagination-info"></div> 
                 </div>
+              </div>
             </div>
           </div>
         </div>
@@ -1730,19 +1831,19 @@
         <div class="padding-93">
           <div class="bodystyle">
             <h2 id="b002">
-              <img class="img-0" alt="" src="image/dy1-le2.jpg" />
+              <img class="img-0" alt="" src="../../assets/images/dy1-le2.jpg" />
             </h2>
             <h3 id="c005"><span class="bjh3">Warm-up</span></h3>
             <p>
               <b
-                >Put the expressions in the box below on the corresponding answer
-                line under each picture.</b
+                >Put the expressions in the box below on the corresponding
+                answer line under each picture.</b
               >
             </p>
             <div class="bk-wh">
               <p>
-                online shopping銆�facial recognition銆�electronic payment銆�intercity
-                train銆�shared bike銆�take-away service
+                online shopping銆�facial recognition銆�electronic
+                payment銆�intercity train銆�shared bike銆�take-away service
               </p>
             </div>
             <div class="openImgBox">
@@ -1750,7 +1851,11 @@
                 <div class="left" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-1.jpg" alt="" class="w100" />
+                      <img
+                        src="../../assets/images/0019-1.jpg"
+                        alt=""
+                        class="w100"
+                      />
                     </p>
                     <p class="center">
                       1.
@@ -1764,19 +1869,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.one.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.one.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -1792,7 +1919,11 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-2.jpg" alt="" style="width: 98%" />
+                      <img
+                        src="../../assets/images/0019-2.jpg"
+                        alt=""
+                        style="width: 98%"
+                      />
                     </p>
                     <p class="center">
                       2.
@@ -1806,19 +1937,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.two.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.two.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -1832,12 +1985,16 @@
                   </p>
                 </div>
               </div>
-    
+
               <div class="fl ju-bt">
                 <div class="left" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-3.jpg" alt="" style="width: 98%" />
+                      <img
+                        src="../../assets/images/0019-3.jpg"
+                        alt=""
+                        style="width: 98%"
+                      />
                     </p>
                     <p class="center">
                       3.
@@ -1851,19 +2008,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.three.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.three.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -1879,7 +2058,11 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-4.jpg" alt=""  style="width: 94%" />
+                      <img
+                        src="../../assets/images/0019-4.jpg"
+                        alt=""
+                        style="width: 94%"
+                      />
                     </p>
                     <p class="center">
                       4.
@@ -1893,19 +2076,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.four.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.four.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -1919,12 +2124,16 @@
                   </p>
                 </div>
               </div>
-    
+
               <div class="fl ju-bt">
                 <div class="left" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-5.jpg" alt=""  class="w100" />
+                      <img
+                        src="../../assets/images/0019-5.jpg"
+                        alt=""
+                        class="w100"
+                      />
                     </p>
                     <p class="center">
                       5.
@@ -1938,19 +2147,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.five.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.five.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -1966,7 +2197,11 @@
                 <div class="right" style="width: 48%">
                   <div>
                     <p class="center">
-                      <img src="../../assets/images/0019-6.jpg" alt="" style="width: 98%" />
+                      <img
+                        src="../../assets/images/0019-6.jpg"
+                        alt=""
+                        style="width: 98%"
+                      />
                     </p>
                     <p class="center">
                       6.
@@ -1980,19 +2215,41 @@
                         </option>
                       </select>
                       <span class="icon-box">
-                        <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="40" height="20">
+                        <svg
+                          v-if="dropdownData.six.isRight"
+                          t="1716986419862"
+                          class="icon"
+                          viewBox="0 0 1820 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="18767"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="40"
+                          height="20"
+                        >
                           <path
                             d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
-                            fill="#1AFA29" p-id="18768"></path>
+                            fill="#1AFA29"
+                            p-id="18768"
+                          ></path>
                         </svg>
-                        <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                          xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
-                          width="20" height="20">
+                        <svg
+                          v-if="dropdownData.six.isRight == false"
+                          t="1716987085767"
+                          class="icon"
+                          viewBox="0 0 1024 1024"
+                          version="1.1"
+                          xmlns="http://www.w3.org/2000/svg"
+                          p-id="25745"
+                          xmlns:xlink="http://www.w3.org/1999/xlink"
+                          width="20"
+                          height="20"
+                        >
                           <path
                             d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
-                            fill="#d81e06" p-id="25746"></path>
+                            fill="#d81e06"
+                            p-id="25746"
+                          ></path>
                         </svg>
                       </span>
                     </p>
@@ -2008,15 +2265,20 @@
               </div>
             </div>
             <div class="w100 fl ju-cn">
-              <div class="fl ju-ev" style="width: 60%">
+              <div class="fl ju-ev mt-40" style="width: 80%">
                 <button @click="setDropdownData" class="btn-border btn-w">
                   淇濆瓨
                 </button>
-                <button class="btn-border btn-w" @click="handleDropdown('judge')">
+                <button
+                  class="btn-border btn-w"
+                  @click="handleDropdown('judge')"
+                >
                   鎻愪氦
                 </button>
+                <button class="btn-border btn-w" @click="changeDropdown">
+                  閲嶅仛
+                </button>
                 <button
-                style="min-height:24px"
                   @click="showAnswerFive = !showAnswerFive"
                   class="parimary-btn"
                 >
@@ -2193,35 +2455,6 @@
           answer: "facial recognition",
         },
       },
-      pptList: [
-        require("../../assets/images/ppt/ppt_01.png"),
-        require("../../assets/images/ppt/ppt_01.png"),
-        require("../../assets/images/ppt/ppt_03.png"),
-        require("../../assets/images/ppt/ppt_04.png"),
-        require("../../assets/images/ppt/ppt_05.png"),
-        require("../../assets/images/ppt/ppt_06.png"),
-        require("../../assets/images/ppt/ppt_07.png"),
-        require("../../assets/images/ppt/ppt_08.png"),
-        require("../../assets/images/ppt/ppt_09.png"),
-        require("../../assets/images/ppt/ppt_10.png"),
-        require("../../assets/images/ppt/ppt_11.png"),
-        require("../../assets/images/ppt/ppt_12.png"),
-        require("../../assets/images/ppt/ppt_13.png"),
-        require("../../assets/images/ppt/ppt_14.png"),
-        require("../../assets/images/ppt/ppt_15.png"),
-        require("../../assets/images/ppt/ppt_16.png"),
-        require("../../assets/images/ppt/ppt_17.png"),
-        require("../../assets/images/ppt/ppt_18.png"),
-        require("../../assets/images/ppt/ppt_19.png"),
-        require("../../assets/images/ppt/ppt_20.png"),
-        require("../../assets/images/ppt/ppt_21.png"),
-        require("../../assets/images/ppt/ppt_22.png"),
-        require("../../assets/images/ppt/ppt_23.png"),
-        require("../../assets/images/ppt/ppt_24.png"),
-        require("../../assets/images/ppt/ppt_25.png"),
-        require("../../assets/images/ppt/ppt_26.png"),
-        require("../../assets/images/ppt/ppt_27.png"),
-      ],
     };
   },
   mounted() {
@@ -2245,6 +2478,53 @@
     },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+    },
+    changeTestData() {
+      localStorage.removeItem("english-testOne")
+      this.testData = {
+        check:[],
+        tx: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        in: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        line: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        ts: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        gr: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        cm: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+      }
     },
     setBookQuestion() {
       localStorage.setItem(
@@ -2313,6 +2593,14 @@
       }
       this.dropdownData = dropdownDatas;
     },
+    changeDropdown() {
+      localStorage.removeItem("english-dropdown-one")
+      for(let key in this.dropdownData) {
+        const item =  this.dropdownData[key]
+        item.value = ""
+        item.isRight = null
+      }
+    },
     setDropdownData() {
       localStorage.setItem(
         "english-dropdown-one",
@@ -2358,7 +2646,7 @@
   font-size: 14px;
   border-width: 1px;
   min-width: 80px;
-  min-height: 24px;
+  min-height: 28px;
   background-color: #fff;
   &:hover {
     background-color: #0bab87;

--
Gitblit v1.9.1