退出系统
快速开始
更新日志
快速部署框架
组件调用说明
代码块功能
data 重要说明
APP端关闭回弹
视频教程
组件库 ( 39个 )
01. 头部信息组件
02. Flex布局 + 通用样式
03. 常用文本
04. 滚动区域
05. 可移动区域
06. 徽章组件
07. 滚动公告
08. 通用列表 [更新]
09. 图文列表
10. 新闻列表
11. 多格图标
12. 局部选项卡
13. 全屏选项卡
14. 星级图标
15. 折叠面板
16. 按钮组件
17. Loading 组件
18. 全屏 Loading
19. 标题、更多、换一批
20. 横向公告
21. 底部导航
22. 表单组件
23. 数字输入框
24. 可选标签
25. 弹出层
26. 图标
27. 步骤
28. 倒计时(step)
29. 轮播组件
30. 滑动操作
31. 日历组件
32. 区间滑块
33. 顶部提示
34. 进度条、圆环进度条
35. 弹出式菜单
36. 多功能菜单
37. 数字键盘
38. 富文本加强
39. 浮层引导
界面库 ( 28个 )
01. 评论界面
02. 搜索界面
03. 登录、注册
04. 城市选择
05. echarts 【第三方】
06. 图片选择及预览
07. 设置界面
08. 下拉刷新
09. 上拉加载
10. 普通表格
11. 数据表格
12. 时间轴
13. 商品分类展示
14. 购物车
15. 条件筛选
16. 瀑布流
17. 图片剪裁
18. 商品详情 + 属性选择
19. 图片懒加载
20. 地区联动
21. IM 即时通讯
22. 骨架屏
23. 分段切换
24. 抽奖活动
25. 刮刮卡界面
26. 问卷界面
27. 地址管理界面
28. 身份证上传
表单、验证
1. 表单组件
2. 表单、数据验证
css 动画
animate.css 动画库
js 工具库
常用工具库介绍
日期时间转换
网络请求工具
随机数及字符
MD5 转换
app版本检查及更新

GraceUI 更新日志

2019-03-20

1. 添加身份证上传界面( 包含 : 预览、上传功能 );
2. 添加 rich-text(富文本)加强js工具;

2019-03-15

1. 改进数据表格界面, 标签固定在顶部;
2. 优化分类商品界面, 解决 uni-app 页面切换引发的错误;
3. 在宫格演示界面添加图片宽高样式解决图片抖动问题(其他情况的图片抖动使用此种方式也可解决);
4. 添加 浮层引导 解决方案;

2019-03-12

1. 优化搜索框,解决输入框高度匹配问题;
2. 优化IM界面及组件、添加发送按钮;

2019-03-05

新增地址管理界面,功能介绍 :
1. 提供联系人地址列表
2. 提供新增联系人界面并完成表单检查、表单数据收集功能

2019-03-04

新增 js 工具库,为大家提供日常开发过程中常用的 js 函数工具并保持更新 !
目前已添加工具 : 
日期时间转换 、网络请求 、随机数及字符串生成、MD5 转换、app 端版本检查及更新工具

2019-02-22

1、添加数字键盘组件;
2、修正轮播组件使用固定高度并提供计算方法;
3、修正 echarts 兼容 h5 端运行;
4、重写城市选择界面(城市更全、带有 code)

2019-02-15

添加 animate.css 动画库;

2019-01-28

添加多功能菜单 ( 非组件模式 );

2019-01-25

1、添加弹出式菜单组件;
2、登录界面添加短信发送前的手机号码验证功能;

2019-01-16

1、全新的、智能的分类界面(适合外卖、零售等场景)
2、优化选项卡头部(自动滚动)
3、日期组件添加年切换功能

2019-01-14

更新登录界面 : 调整页面样式、完善短信发送按钮功能、完善表单验证功能;

2019-01-11

1、添加圆环进度条组件
2、全面修正弹出层(添加了2种模式的演示)
3、倒计时组件倒计时结束后可以执行自定义函数
4、一些小的细节调整

2019.01.06

1. 调整普通列表结构及样式;
2. 全面调整演示图标及演示页面;
3. 增加 grace-header 组件;
4. 优化步骤组件;
5. 优化 swiper 组件(添加openType 属性);
6. 调整过滤器页面兼容 H5 端;
graceUI 演示界面视觉优化,更漂亮 (:

2019.01.03

添加刮刮卡抽奖界面、添加问卷界面系统(基于swiper可滑动切换);

2018.12.29

添加抽奖活动界面,包含奖品设置、抽奖过程动画、等相关的一套完善的抽奖界面;

2018.12.28

日期组件添加选择时间功能 【根据配置条件选择】、下载包改成文件夹形式 避免项目中文命名出现问题;

2018.12.26

添加 graceMall 商城界面套装;

2018.12.25

1、添加分段切换界面 [ 界面库 ]
2、添加分段切换新闻列表应用演示 [ 界面库 ]
3、选择图片添加点击图片预览功能 [ 界面库 ]

2018.12.18

添加骨架屏加载组件

2018.12.14

发布 IM 组件,功能概况:
1、支持文字、图片、语音三种模式
2、语音连续播放、暂停
3、历史消息加载
4、录音
5、图片选择、图片预览

2018.12.09

1. 改进滚动操作组件【屏蔽上下滑动】
2. 改进登录界面 [ 添加 input 样式,完善表单提交 ]
3. 小幅度修改数值输入框演示
4. 修正 star 组件兼容 h5 端
5. 修正折叠面板BUG
6. 调整日期组件解决原生宽度单位解析错误
7. 优化登录界面,添加提交事件

2018.11.30

1. 修正小程序端数组输入框最小值判断bug;
2. 修正底部导航布局;
3. 商品展示界面添加属性选择功能;

2018.11.28

1. 修正表单元素, input 标签选择器改为 .input ( 使用input 标签时请添加 class="input" );
2. 底层优化数字输入框并组件化;
3. app及h5端添加自定义导航及透明度导航演示;

2018.11.22

1. 修正表单元素 bug;
2. 完成更新后手册同步工作;
3. 更新代码块与新版本同步;

2018.11.21

1. 添加第三方组件 - 地区联动;
2. 调整样式位置(小改动);
3. 添加表单元素view对应样式;

2018.11.20 底层级更新【旧版本页面布局影响率 < 5%】
从此版本开始兼容其他主流框架(如:可以完美并行于 hellouniapp框架)!

1. 全面调整底层样式、去除初始化 flex 约束,更兼容其他框架及组件,如:完美兼容 helloUni框架!
2. 示例图片部署到服务端、减少本地图片占用空间;
3. 完善文本样式;
4. 完善 flex 布局样式;
5. 更新整页选项卡示例(添加加载更多示例);
6. 改进 loadmore 组件;
7. 滚动公告组件化及优化;
8. 星级图标组件化及优化【更自由的设置】;
9. 弹出层广告组件化;
10. 优化全屏 loading;
11. 优化搜索布局;
12. 登录界面添加第三方登录按钮;
13. 优化双滑块组件;
14. 全面优化 demo 页面【全面检查】;
15. 组件解耦、引入基础样式后可以独立使用 graceUI 的各个组件(只需引用对应部分 css 即可);

历史更新

2018-11-14 增加图片懒加载【界面】
2018-11-14 全面调整 uniApp 下 data 的定义格式
2018-11-14 loadmore 【uniApp端 添加 返回事件修正、小程序端使用 onshow 事件修正】
2018-11-05 增加商品详情界面
2018-11-01 增加图片剪裁界面【以移动区域为基础,更高效】
2018-10-29 增加瀑布流界面
2018-10-27 增加顶部消息提醒组件【带动画】
2018-10-27 增加普通表格【界面库】
2018-10-25 增加区间滑块组件
2018-10-25 增加富文本组件演示
2018-10-25 优化搜索界面
2018-10-22 增加代码助手极速提高组件输入速度
2018-10-18 增加带有阴历信息的日历组件
2018-10-16 增加 滑动操作|删除【组件】
2018-10-12 增加 筛选界面【界面库】
2018-10-16 修正一个样式命名错误 [grace-form-r]
2018-10-09 增加 轮播 组件【组件模式、自动高度、使用更便捷】
2018-09-30 增加 倒计时 组件【组件模式、更方便调用】
2018-09-30 增加 倒计时 组件【组件模式、更方便调用】
2018-09-29 增加步骤组件
2018-09-28 增加购物界面【实现购物项目算法、总价统计算法】
2018-09-28 增加表单及数据验证【多种检查模式】
2018-09-26 增加数据表格【界面】
2018-09-26 增加时间轴【界面】
2018-09-26 增加全屏分类选择【界面】