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