手册版本 V3.0
01. 字阶及行高
GraceUI 使用各个平台系统默认的字体,默认尺寸 28rpx ( 类似 PC 端的 14px )。 提供了 grace-h1 ... h6、grace-text、grace-desc、grace-text-small 9个规范。请根据您的项目需求自行规划行高。
02. 颜色
GraceUI 认为好的 UI 框架应该尽量少地参与设计、参与颜色,所以我们使用尽量使用一种颜色完成整个框架的样式及组件, 默认颜色 #3688FF,您可以在下载框架时设置自己的主题色。
我们还为大家提供了以下辅助色,方便大家开发 :
03. 间距
GraceUI 默认页面级别的内外间距均为 25rpx, 内置样式为 :
.grace-padding{padding:0 25rpx;} // 内间距
.grace-margin{margin:0 25rpx;} // 外间距
.grace-body{padding:0 25rpx; width:700rpx;} // 页面主体
04. 圆角
GraceUI 提供了2种圆角样式,尺寸分别为 :
grace-border-radius:100rpx
grace-border-radius-small:10rpx
05. 布局规范
5.1 遵循 Flex 布局规范, 建议使用我们提供的 Flex 样式来完成 Flex 布局;
5.2 我们没有强制规范 view 的 box-sizing 属性,请根据自己的开发习惯进行设置;
GraceUI Flex 布局样式详见 : http://grace.hcoder.net/manual/info/120-10.html