【在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);
    }