~~~
.arrow-down {
width: 20rpx;
height: 12rpx;
transform: rotate(0deg);
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
transition-timing-function: ease;
}
~~~
只要在点击时候动态赋值 `style` 中的 ` transform` 改成以下即可实现箭头上下翻转效果
~~~
transform: rotate(0deg)
~~~
