vue中切换标签的选中效果添加平移效果

点击后不是直接改变选中的样式，而是移动效果：

 

 

 实现的代码：

 



>

里面用到了stylus变量和函数：

$mainColor = #00ebff; 

$mainColor1 = #ffe400;

SetCenterX() {

    position: absolute;

    left: 50%;

    transform: translate(-50%);

}

公共的类名：

.d-f-a {

    display: flex;

    justify-content: space-around;

}

.h-100p {

    height: 100%;

}