设计变量表及命名规范

颜色

变量名	默认变量值	描述	场景
字体
@color-text-base		默认文字	input输入框-输入内容 picker-item文本内容
@color-link		文本链接	链接 可点击文字按钮颜色
@color-text-title		标题	卡片标题 弹层标题
@color-text-caption		副标题
全局
@brand-primary		品牌色
@brand-error		错误提示
@brand-emphasis		强调色
@brand-gradient		品牌渐变色
填充
@fill-base		基本背景色
@fill-body		页面背景色
@fill-mask		蒙层背景
@border-color-base		边框
按钮
@btn-primary		主按钮色
@btn-disabled		按钮不可点击状态
@btn-tap		按钮按下

字体尺寸

变量名	默认变量值	描述	场景
@font-size-base	12px	常规文本
@font-size-caption	14px	副文本
@font-size-title-sm	17px	控件中主操作标题
@font-size-title-lg	18px	需强调标题
@font-size-page-result	20px	结果页标题、异常页标题
@font-size-amount	48px	输入金额

圆角

变量名	默认变量值	描述	场景
@radius-xs	2px
@radius-sm	3px
@radius-md	4px
@radius-circle	50%