vue中封装less公共的样式

// 5 10 15 20 25 30 35 40 45 50 60 65 70 75 80 85 90 95 100
 .distance-aa(20, 1); //从5开始 20次循环
.distance-aa(@count,@i: 1,@dis:5 * @i) when (@i<=@count) {
   
    .padding-@{
   dis} {
   
        padding: @i * 5px;
    }
    .padding-l-@{
   dis} {
   
        padding-left: @i * 5px;
    }
    .padding-r-@{
   dis} {
   
        padding-right: @i * 5px;
    }