@deep: ~'/deep/';
// 通用方法
.vsn-fun(@font-size,@font-weight,@color) {
  .vsn {
    &__wrap {
      width: @font-size / 1.6;
      height: @font-size / 1;
    }
    &__list {
      li {
        width: @font-size / 1.6;
        height: @font-size / 1;
        line-height: @font-size / 1;
        font-size: @font-size;
        font-weight: @font-weight;
        color: @color;
      }
    }
    &__wrap-point {
      width: @font-size / 1.1;
      i {
        font-size: @font-size / 0.8;
        // 修改
        // bottom: -@font-size / 2.9;
        bottom: -@font-size / 4.8;

        color: @color;
        left: -1px;
      }
      .vsn__list {
        margin-left: @font-size / 3.2;
      }
    }
  }
}

// 父组件没有scoped
.vsn-set-font-style(@font-size,@font-weight,@color,@is-deep,@identity)
  when(@is-deep=0) {
  body {
    .vue-scroll-num.@{identity} {
      .vsn-fun(@font-size, @font-weight, @color);
    }
  }
}

// 父组件有scoped
.vsn-set-font-style(@font-size,@font-weight,@color,@is-deep,@identity)
  when(@is-deep=1) {
  @{deep}.vue-scroll-num.@{identity} {
    .vsn-fun(@font-size, @font-weight, @color);
  }
}

// 默认
.vsn-set-font-style(@font-size,@font-weight,@color) {
  .vue-scroll-num {
    .vsn-fun(@font-size, @font-weight, @color);
  }
}
