vue點擊旋轉,再點擊復原


效果:
1.html。通過綁定t值控制不同的class名, 原圖是右邊方向的箭頭
<img class="right" v-if="item.t" src="@/assets/images/list-down.png" alt="">
<img class="right" src="@/assets/images/list-right.png" v-else :class="{rote:!item.t}"  alt="">

2.style。

.right
    height 22px
    width 20px
    transform rotateZ(90deg)
    transition  all ease 0.5s
 .rote
    transform rotateZ(0deg)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM