【动画实践】过渡动画无离开动画

背景：

在设置过渡动画的时候，动画仅仅只有进入动画，无离开动画效果

解决：

<div class="icon-arrow" :class="{ 'arrow-up': isShowCouponSelector } "></div>

.icon-arrow{
    width: 12px;
    height: 12px;
    margin-left: 2px;
    background: url(xxx) no-repeat;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out; // 写在这里
    &.arrow-up{
      transform: rotate(0);
      transition: all 0.3s ease-in-out; // 不要写在这里
    }
  }