前端技术

SCSS 小数点后数字取指定位数

创建自定义函数,采用四舍五入形式

@function decimalRound ($number, $digits: 0) {
  $n: 1;
  // 判断 $number 是否为数字类型
  @if type-of($number) != number {
      @warn '#{ $number } is not a number.';
      @return $number;
  }
  // 判断 $digits 是否为数字类型
  @if type-of($digits) != number {
      @warn '#{ $digits } is not a number.';
      @return $number;
  } @else if not unitless($digits) {
      @warn '#{ $digits } has a unit.';
      @return $number;
  }
  @if $digits > 0 {
      @for $i from 1 through $digits {
          $n: $n * 10;
      }
  }
  @return calc(round($number * $n) / $n);
}

输出

// 第一个参数为需要处理的数值,第二个为小数点后取几位数
decimalRound(3.66666666, 4)

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号