尺寸 Size

    梳理系统内组件的尺寸,形成统一的秩序和层次

    原则

    • 仅规范组件的固定尺寸,不含动态尺寸(即响应式栅格规范)

    • 以 M 作为默认尺寸

    • 「Loading 加载」「Placeholder 占位」「Avatar 成员头像」「Badge 徽标」等组件为特殊场景,不在此讨论

    高度

    组件/元素 L M S XS
    Button 按钮 40 36 32 28
    Icon Button 图标按钮 28 24
    Select 下拉选择/默认触发器 36 32
    Input 输入框 36 32
    TimePicker 时间选择器/默认触发器 36 32
    Date Picker 日期选择器/默认触发器 36 32
    Search 搜索 36 32
    Checkbox 勾选 24 20
    Radio 单选 24 20
    Switch 开关 20 16
    Progress 进度指示 8 4
    Tab 切换器 32

    • 浮层的尺寸只定义宽度

    • 此数值表各主题通用

    组件/元素 L M S XS XXS
    Dropdown Menu 下拉菜单 320 280 240 200
    Select 选择器 320 280 240 200
    Popover 气泡(非 Tooltip 类型) 360 320 280 240 200
    Dialog 弹窗 1200 920 680 440 320