由于組件加載成功后,突然顯示出來比較生硬恨樟,所以需要對其進行動畫修飾。
.load-list{
opacity: 1;
animation-name: list;
animation-duration: 2s;
animation-timing-function: linear;
animation-direction: alternate;
}
@keyframes list{
from{ opacity: 0 }
to{ opacity: 1 }
}