scss中配置式编程（解决大量相似样式与class）

scss中对象式编程（骚操作）

好久没有写博客了，最近一直比较忙。
今天在做大屏可视化项目的时候，需要写一个动画，供6个表格使用，但是每个表格相差的只有参数不同：

具体效果如下：

这是左侧的三个面板从左侧弹出 ，右边也有这样的三个

正常来说 在vue中我需要写好多的class 从wrap1 - wrap6

	<transition appear name="wrap1">
	.....
	</transition>
	
 .wrap1-enter-active, .wrap1-leave-active {
   
    transition: margin-left 0.8s;
  };
  .wrap1-enter, .wrap1-leave-to {
   
    margin-left: -100