From 88c89a86c370f9824e975d8958bfd057013aa9fd Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期五, 14 六月 2024 18:10:15 +0800
Subject: [PATCH] 艺术戏剧（优化）

---
 src/books/artAndDrama/view/components/chapter001.vue |   32 ++++++++++++--------------------
 1 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 0de2d1b..babd03a 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -3,7 +3,6 @@
     <div class="page-box" page="4">
       <div v-if="showPageList.indexOf(4) > -1">
         <h1 id="a004">
-          <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
           <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
           <audio :src="auidoPathOne" class="audio" controls></audio>
         </h1>
@@ -14,20 +13,18 @@
                 <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" />
               </p>
             </div>
-
             <p class="block">
               鍦ㄦ晠浜嬨�婁竴鍧楀ザ閰�嬩腑锛岃殏铓佸搴殑姣忎竴浣嶆垚鍛橀兘涓轰簡鍏卞悓鐨勭洰鏍囧垎宸ュ崗浣溿�佸姫鍔涘鏂楋紝鍦ㄩ潰瀵硅鎯戝拰鎸戞垬鏃舵洿鏄弗浜庡緥宸便�侀伒瀹堝洟闃熺邯寰嬨�傛湰鍗曞厓锛岃鎴戜滑璇讳竴璇汇�婁竴鍧楀ザ閰�嬬殑鏁呬簨锛屽涔犺殏铓佷滑鐨勪紭绉�鍝佹牸鍚э紒
             </p>
           </div>
         </div>
         <p><br /></p>
-        <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
         <div class="page-footer">
           <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
           <div class="page-footer-number-right">1</div>
         </div>
       </div>
-    </div>
+    </div> 
     <div class="page-box" page="5">
       <div v-if="showPageList.indexOf(5) > -1">
         <h1>
@@ -49,8 +46,8 @@
             <audio :src="auidoPathTwo" class="audio" controls></audio>
           </h1>
           <p>灏忔彁绀猴細鍔犵偣鐨勬枃瀛椾负鏈彞璇濅腑鐨勯�昏緫閲嶉煶锛屽湪鏈楄鍙戦煶鏃惰閲嶈銆�</p>
-          <!-- 杩炵嚎棰� -->
-          <matching :rawData="rawData" :item="question"></matching>
+      <!-- 杩炵嚎棰� -->
+          <matching :rawData="rawData" :item="question" class="macthing" :primaryColor="'transparent'"></matching>
         </div>
         <p><br /></p>
         <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
@@ -351,7 +348,7 @@
               controlslist="nodownload" class="w100"
               style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
           <h2>瑙嗛: 鎴戜滑鏄竴瀹朵汉</h2>
-          </p>
+           </p>
         </div>
       </div>
       <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
@@ -373,6 +370,10 @@
     showPageList: {
       type: Array,
     },
+    primaryColor:{
+      type:String,
+      default:"red"
+    }
   },
   //鍦ㄨ繖閲屽璋冪敤鐨勬柟娉曡繘琛屾寕杞�
   mounted() {
@@ -385,9 +386,6 @@
   data() {
     return {
       videoPathOne: "",
-      videoPathTwo: "",
-      videoPathThree: "",
-      videoPathFour: "",
       auidoPathOne: "",
       auidoPathTwo: "",
       auidoPathThree: "",
@@ -530,21 +528,11 @@
       },
     };
   },
-
   methods: {
     //瑙嗛鍜岄煶棰戠殑MD5鍦板潃
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
         "691cbd2c13198d04afc7800d0f2cafb0"
-      );
-      this.videoPathTwo = await getResourcePath(
-        "a3c9b55ac8227e4c885384ff2fc6c0e7"
-      );
-      this.videoPathThree = await getResourcePath(
-        "dd44a1e31b4304f50d10b2481a148411"
-      );
-      this.videoPathFour = await getResourcePath(
-        "09de7704eeaaf3a210b8c6af0a94d545"
       );
       // this.auidoPathOne = await getResourcePath(
       //   "2c5f6c69b0f9f7a3c03e473cb8c977f5"
@@ -591,4 +579,8 @@
   height: 100%;
   background-color: red;
 }
+.macthing{
+  background-color: rgb(188, 220, 164);
+  padding: 5% 5%;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1