From 5f52ef1659fee6858532c6a9731bd352d2f6fe6f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 05 九月 2024 15:25:24 +0800
Subject: [PATCH] 舞蹈艺术意见单修改完成

---
 src/books/artAndDance/view/components/chapter002.vue |   25 ++++++++++++++-----------
 1 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/books/artAndDance/view/components/chapter002.vue b/src/books/artAndDance/view/components/chapter002.vue
index 08778f8..8357ff8 100644
--- a/src/books/artAndDance/view/components/chapter002.vue
+++ b/src/books/artAndDance/view/components/chapter002.vue
@@ -17,18 +17,17 @@
           <p class="center">
             <img class="img-b" alt="" src="../../assets/images/04-2.gif" />
           </p>
-          <!-- <ul class="fl al-cn ju-bt img-state " style="margin-top: 100px;">
+          <ul class="fl al-cn ju-bt img-state " style="min-height: 370px" >
             <li style="width: 45%;">
-              <img src="../../assets/images/05.gif" alt="" class="w100" :style="{opacity:num / 10}">
+              <img @click="clickImg" title="鐐瑰嚮姝ゅ鏌ョ湅鍥剧墖" src="../../assets/images/05.gif" alt="" class="w100" style="cursor:pointer" >
             </li>
-            <li style="width: 35%;">
-              <img src="../../assets/images/girl.png" alt="" class="w100" :style="{opacity: (-num) / 10}">
+            <li style="width: 35%;" v-if="appearsImg">
+              <img src="../../assets/images/girl.png" alt="" class="w100" >
             </li>
-          </ul> -->
-          <p class="center">
+          </ul>
+          <!-- <p class="center">
             <img :src="num >= 0 ? shape : girl" alt=""  :style="{opacity:num >= 0 ? num / 10 : (-num) / 10 , width:num >= 0 ? '80%' : '34%'}">
-          </p>
-          
+          </p> -->
           <p class="img">鈥滅緤瑙掑紡鈥濊垶濮�</p>
         </div>
         <ul class="pb-box">
@@ -36,7 +35,7 @@
             <img src="../../assets/images/icon/tree.jpg" />
             <span class="dl-ib"> 6 </span>
           </li>
-          <li>
+          <li class="fl">
             <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
           </li>
         </ul>
@@ -90,7 +89,7 @@
               <img src="../../assets/images/icon/tree.jpg" />
             </div>
           </li>
-          <li>
+          <li class="fl">
             <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
           </li>
         </ul>
@@ -157,7 +156,7 @@
             <img src="../../assets/images/icon/tree.jpg" />
             <span class="dl-ib"> 8 </span>
           </li>
-          <li>
+          <li class="fl">
             <img class="img-0" alt="" src="../../assets/images/ym.jpg" />
           </li>
         </ul>
@@ -195,6 +194,7 @@
       cutTimer:null,
       auidoPathOne:"",
       auidoPathTwo:"",
+      appearsImg: false,
       shape:require("../../assets/images/05.gif"),
       girl:require("../../assets/images/girl.png")
     };
@@ -225,6 +225,9 @@
         }
       },200)
     },
+    clickImg(){
+      this.appearsImg = !this.appearsImg
+    },
   },
 };
 </script>

--
Gitblit v1.9.1