【在Vue中点击上下箭头进行切换的动画】
<div @click="fangs = !fangs">分类 <van-icon name="arrow-down" :class="fangs ? 'arrowTransform':'arrowTransformReturn'"/></div>
data() {return {fangs:false,};
css的样式
.arrowTransform {transition: 0.2s;transform-origin: center;transform: rotateZ(180deg);}.arrowTransformReturn {transition: 0.2s;transform-origin: center;transform: rotateZ(0deg);}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！