<u-icon :class="{ 'u-arrow-down-icon-active': isShow }"
class="u-arrow-down-icon" name="arrow-down"></u-icon>
export default{
data() {
return {
isShow:false
}
},
methods:{
isShowClick(){
this.isShow=!this.isShow
}
}
}
.u-arrow-down-icon {
transition: all 0.3s;
margin-right: 20rpx;
margin-left: 14rpx;
}
.u-arrow-down-icon-active {
transform: rotate(180deg);
transform-origin: center center;
}
在uview源码中发现的,单独拿出来用下