Skip to main content

Length 长度

类型定义​

Length 类型定义​

export type Length = {
  value: number;
  unit: "none" | "vw" | "vh" | "%" | "auto";
};

字段说明​

字段类型必选描述
valuenumber是长度的数值部分。
unit'none' 或 'vw' 或 'vh' 或 '%' 或 'auto'是长度的单位：'none'（无，按照移动端 375 设计稿而设计的 vw 适配方案，当值=375 时，等于屏幕宽度）、'vw'（视口宽度百分比）、'vh'（视口高度百分比）、'%'（百分比）、'auto'（自动计算）。

示例​

// 视口宽度单位
const width: Length = { value: 50, unit: "vw" };

// 百分比单位
const height: Length = { value: 100, unit: "%" };

// 无单位
const margin: Length = { value: 10, unit: "none" };

// 自动计算
const spacing: Length = { value: 0, unit: "auto" }; // `auto` 时 `value` 可能被忽略

单位说明​

  1. 'none'
    纯数值，无单位（如 10 表示 10）。
  2. 'vw'
    视口宽度百分比（如 50vw 表示视口宽度的 50%）。
  3. 'vh'
    视口高度百分比（如 100vh 表示视口高度的 100%）。
  4. '%'
    百分比（相对于父元素或上下文）。
  5. 'auto'
    自动计算（value 可能无效）。