数字

Sass 的 数字类型。

层次结构

  • 数字

构造函数

构造函数

方法

getUnit getValue setUnit setValue

构造函数

构造函数

  • 示例

    new sass.types.Number(0.5); // == 0.5
    new sass.types.Number(10, "px"); // == 10px
    new sass.types.Number(10, "px*px"); // == 10px * 1px
    new sass.types.Number(10, "px/s"); // == math.div(10px, 1s)
    new sass.types.Number(10, "px*px/s*s"); // == 10px * math.div(math.div(1px, 1s), 1s)

    参数

    • value: number

      数字的数值。

    • 可选 unit: string

      如果传递，则为数字的单位。

      复杂单位可以表示为 <unit>*<unit>*.../<unit>*<unit>*...，其中分子单位位于 / 的左侧，分母单位位于右侧。只有一个分子单位的数字可以省略 / 及其后的单位，而只有一个分母单位的数字可以表示为在 / 之前没有单位。

    返回 Number

方法

getUnit

  • 返回此数字单位的字符串表示形式。复杂单位以与 构造函数 接受它们相同的格式返回。

    示例

    // number is `10px`.
    number.getUnit(); // "px"

    // number is `math.div(10px, 1s)`.
    number.getUnit(); // "px/s"

    返回 string

getValue

  • 返回数字的值，忽略单位。

    ⚠️ 注意！

    这意味着 96px 和 1in 将返回不同的值，即使它们表示相同的长度。

    示例

    const number = new sass.types.Number(10, "px");
    number.getValue(); // 10

    返回 number

setUnit

setValue