Skip to content
本页目录

Layout 布局

空间布局是体系化视觉设计的起点,用于组织网页的框架结构,可以影响用户的浏览顺序。清晰的布局和数据展示可以帮助用户高效获取信息。

尺寸规范

为了保持界面布局上的一致性和韵律感,统一设计到开发的布局语言,减少还原损耗,BFUI 对常用的尺寸做出了一些规范。

组件高度

对于可定义尺寸的典型行内组件,如 Button, Input, Select 等,我们预设了如下样式变量,它们的值都保持了 8 倍数的原则、具备动态的韵律感。

尺寸大小 Size样式变量 Variable预设值 Value
small--bf-size-small24px
default--bf-size-default32px
large--bf-size-large40px

页面宽度

xs sm md lg xl xxl

根据MIT许可证发布