账户中心 退出系统
6.0 版本 5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
6.0 版本 5.0 版本 3.0 版本
快速开始
常见问题
更新日志
快速部署
组件调用手动调用
自动加载easycom
数据转换格式问题
NVUE 说明
版权要求
设计规范初版
基础布局 ( 7 )
页面布局从这开始哦 (:
头部导航自定义+HOME按钮
Flex布局组件形式
Flex布局样式形式
竖向切换动态切换
元素定位Absolute
手势识别滑动距离、方向
基础样式 ( 8 )
文本颜色
背景样式
阴影效果
圆角边框
文本样式
内置图标
图标扩展
样式动画
常用布局 ( 22 )
宫格布局 九宫格
头部导航
底部导航
切换导航 单行模式
切换导航 多行模式
吸顶容器
动态吸顶
名片卡片
滚动区域
局部选项卡
全屏选项卡 模式一原理演示
全屏选项卡 模式二原理演示
全屏选项卡 实战演示
分段切换
折叠面板
普通表格
数据表格
分类展示
横向公告
返回顶部
时间轴
侧边抽屉
常用列表 ( 9 )
通用列表
滑动列表 新版组件模式
文章列表 样式模式
文章列表 组件模式
图文列表
树状列表
拖拽排序 竖向
可选列表 单选 | 多选
全选列表 多选 | 全选
常用组件 ( 24 )
图片组件
徽章组件
圆角组件
标签组件
滚动公告
无缝滚动
按钮组件
搜索组件
星级评价
通用标题 更多、换一批
倒计时
轮播组件 新版本 更好用
轮播组件 原生模式
城市选择
地区联动 新版本 更灵活
步骤提示
链接组件
优惠券组件
为空展示
图片选择
多图上传
头像群组
数值动画
PK 投票
刷新与加载 ( 5 )
加载组件
全屏加载
下拉刷新 原生模式
刷新组件 滚动区域模拟模式
上拉加载 原生模式
提醒弹框 ( 9 )
遮罩弹出层
顶部消息框
模态对话框
底部对话框
底部消息框
底部操作表
右下消息框
弹出菜单
功能菜单
滑块与进度 ( 4 )
进度滑块
区间滑块
进度按钮
进度圆环
表单相关 ( 14 )
表单元素
表单验证
记录与重置
字数控制
动态表单
分步提交
数值框
数字键盘
可选标签 单选 多选
可选标签 携带数据
可删标签
点选按钮
下拉选择
滑动解锁
日期时间 ( 6 )
日期及时间 带有农历
日期区间 日历形式
日期及时间 picker 模式
时间段选择 picker 模式
日程日历 日历+日程
横向日期
文章与评论 ( 6 )
文本编辑器
编辑器解析
富文本加强
展开全文
评论列表
评论提交
媒体播放 (3)
音乐播放器
视频播放器竖向全屏
视频播放器横向列表
Grace.JS ( 15 )
工具介绍
​网络请求
页面跳转
数据缓存
图片相关
系统信息
消息提示
导航配置
元素选择
字符操作
数组操作
随机数据
日期时间
延时循环
对象操作
地图使用 ( 3 )
位置标注 位置转换
周边信息 周边搜索
拖拽定位 中心坐标
常用界面 ( 21 )
搜索界面
登录注册
个人中心
头像裁剪
购物车
订单中心
条件筛选
商品详情
图片懒加载
骨架加载
抽奖活动
瀑布流
地址列表
添加地址
证件上传
滚动推荐
短信验证
排行榜
数据图表
商城套装
即时通讯
更新日志 V3.0

GraceUI 于 2018年09月25 发布 1.0 版本!在发布后的近2年多时间里我们一直坚持高频更新,不断收集反馈、添加新的组件、样式及布局。
GraceUI 经过 2 年多的高频更新,目前更新至 5.0 版本,我们拥有极快的反馈处理速度!因为聆听、因为努力,所以更值得信赖和托付。
因更新日志较多,我们只展示近一段时间的更新记录 (:

2021-03-25

 优化修正 gui-tree 树状列表组件文本模式下收缩展示问题;
 优化优化 gui-step-box 步进器组件,文本框输入类型改为 digit;

2021-03-11

 优化更新 内置图标,添加删除图标一枚;
 优化修正 图标展示页面,添加 classname 形式的展示;

2021-01-28

 优化优化 日期及时间日历模式、日期及时间 picker 模式、 时间段选择等组件弹出逻辑,避免渲染问题;
 优化修正 手册语误,感谢大家的反馈;

2021-01-21

 优化优化系统信息识别逻辑;
 优化优化切换导航组件激活项目展示形式,改为居中展示激活项;
 优化核心样式添加隐藏滚动条样式;
 优化优化轮播组件,修正数字模式下遮罩标题圆角问题;

2021-01-13

 优化优化 搜索组件,添加聚焦属性,查看详情
 优化优化 页面组件,添加环境变量属性判断,查看详情
 优化优化 内置图标,添加新的图标(最新字体文件位置 : /static/graceUI.ttf ),查看详情
 大版本GraceUI 5.0 版本 将于 2021-01-18 发布,敬请期待! 一次性收费,永久免费更新!

2020-12-28

 优化优化 竖向拖拽排序组件,优化页面滚动逻辑,查看详情
 优化优化 滑动列表组件,细化手指方向识别机制,查看详情
 优化优化 搜索组件 nvue 版本,解决透明背景 bug,查看详情
 大版本GraceUI 5.0 版本 - 大版本开发计划进行中,目前进度90% 左右, 预计 2021-01-18 发布,敬请期待! 一次性收费,永久免费更新!

2020-12-02

 优化优化 下拉刷新组件,优化逻辑、更好的体验;查看详情
 优化优化 搜索组件,提交时添加关闭键盘函数,查看详情
 优化优化 表单元素演示代码,解决支付宝小程序 pickrer bug;
 新增GraceUI 5.0 版本 - 大版本开发计划进行中,目前进度 50% 左右, 预计年底发布,敬请期待~

2020-11-25

 优化优化 侧滑抽屉组件,解决支付宝小程序关闭事件 BUG;
 优化优化 搜索组件,添加 placeholderClass 属性来实现输入框 placeholder 样式自定义,查看详情

2020-11-16

 优化优化 gracePage 组件添加 gFixedTop 吸顶插槽,查看示例
 优化优化 切换导航组件,添加 scorllAnimation 属性关闭滚动动画(小程序平台底层滚动有 BUG),查看详情
 新增GraceUI 5.0 版本 - 大版本开发计划进行中, 预计年底发布,敬请期待~ ( GraceUI 一次性收费,永久免费更新哦 )!;

2020-11-03

 优化添加 新的内置图标,请点击手册内的演示链接查看,查看详情
 优化优化 多图上传组件,更新图片默认模式为 aspectFill,查看详情
 优化优化 IM 输入组件,修正部分手机取消图片选择引起的 BUG,查看详情
 新增GraceUI 5.0 版本 - 大版本开发计划启动, 感谢大家一路相伴 ( GraceUI 一次性收费,永久免费更新哦 )!;

2020-10-26

 新增添加 带有Home按钮的自定义导航 示例 (优化细节),查看详情
 新增增加 新的图标到图标库,请更新框架,下载后在 Static 文件夹获取字体文件,查看图标
 优化优化 日期区间组件,修正跨年选择 BUG;

2020-10-15

 优化优化 拖拽列表,修正长按后释放手指产生的排序 BUG,查看详情
 新增GraceTools - HX 插件发布1.0.3 版本,添加 初始化 GraceUI 页面功能安装插件
 优化调整商城套装字体使用方式及文章界面,请在 GraceUI 已付费用户群下载最新版本;

2020-10-10

 优化优化 page 组件 nvue 版本,添加头部背景图片属性,查看详情
 优化优化 富文本加强 js,解决后端编辑器添加 width height 属性对图片的影响,查看详情
 优化优化 搜索界面 小程序版本样式缺失问题,查看详情;
 新增官网增加 合作 · 服务 为大家提供更多优质的服务,查看详情;

2020-09-28

 新增添加 图片组件,更好的体验,更好的 nvue 兼容,查看详情
 新增添加 文章列表组件,并提供完整的选项卡形式的新闻列表演示界面,查看详情;
 优化优化 图标样式,添加 icon-image 图标,请下载框架后在 /static 目录获取并更新;
 优化优化 基础样式,添加 grace-text-left [ 文本左对齐 ], grace-text-right [ 文本右对齐 ], grace-text-justify [ 两端对齐 ] 样式;

2020-09-27

 优化修正 多个组件 HX 2.8.12.20200926 事件兼容问题
 优化优化 进度滑块组件,添加 canSlide 属性,查看详情;
 新增添加 数据格式映射与转换演示代码,解决开发过程中前后端数据格式不统一问题。查看详情;
 优化优化 新闻列表,小幅度优化样式,添加多图图片 mode,查看详情;

2020-09-22

 优化优化 头像剪裁组件,使用 WeCopper 代替原有组件,查看详情;
 优化优化 评论提交组件,添加 isImg 属性控制是否开始图片选择功能,查看详情;
 优化优化 手势组件,添加点击事件识别机制,查看详情;
 优化优化 滑动列表组件,优化滑动动画,优化点击识别逻辑,查看详情;
 优化优化 底部操作表组件,添加菜单弹出动画,查看详情;

2020-09-21

 优化优化 底部对话框组件,优化 bottom 逻辑,添加 isSwitchPage 属性,查看详情;
 优化优化 底部操作表组件,优化 bottom 逻辑,添加 isSwitchPage 属性,查看详情;
 优化优化 可选列表及全选列表文本主体结构,支持 \n 换行,查看详情;
 优化优化 可选列表多选逻辑,添加最大选择数据限制属性,查看详情;
 优化优化 遮罩层演示代码,固定图片高度以解决 H5 端图片的 mode 属性问题,查看详情;

2020-09-15

 新增添加 表单数据记录及重置功能 演示界面,查看详情;
 优化优化 轮播组件,添加进度圆点横向对齐属性,查看详情;
 优化优化 模态对话框组件,优化弹出层的动画时间,查看详情;

2020-09-09

 新增添加 全屏分类选择模板 到模板中心,查看模板;
 优化优化 滑动列表 组件,重写底层逻辑,避免大数据引起的列表渲染卡顿;
 优化优化 订单中心界面 ,添加全屏 Loading 动画;
 优化优化 gracePage 组件 vue 版本样式;
 新增添加 字符串操作函数 到 Grace.JS,查看详情;
 优化优化 多图上传组件,添加 save2uniCloud 属性,实现图片自动上传至 uniCloud 云空间;

2020-09-02

 新增添加 评论提交 组件,查看手册;
 优化图标库添加 .icon-at [@] .icon-topic [话题] 图标;
 优化优化 评论列表,替换底部提交评论功能,查看手册 ;
 优化优化 底部对话框 nvue 版本组件布局逻辑;
 新增添加 多行文本框字数控制 演示界面,查看手册 ;

2020-08-27

 新增添加 音乐播放器 组件,查看手册;
 新增添加 进度滑块 组件,查看手册;
 优化优化 组件内部样式,全面添加 scoped 属性;
 优化调整 手册结构,添加滑块与进度分组,修正手册语误;

2020-08-24

 优化解决 hx 编辑器 2.8.8 版本 nvue 环境下安卓端字体文件加载 bug : 详见下载获得的 app.vue;
 优化优化 日期及时间 组件,添加打开/关闭方法,实现组件独立化,查看手册;
 优化优化 地区联动 组件,添加打开/关闭方法,实现组件独立化,优化组件内部逻辑,查看手册;

2020-08-12

 优化优化 底部对话框,添加打开/关闭方法,实现组件独立化,查看手册;
 优化优化 弹出菜单组件,添加打开/关闭方法,实现组件独立化,查看手册;
 优化优化 轮播组件,添加 indicatorPosition 属性,查看手册;
 优化优化 侧边抽屉组件,添加打开/关闭方法,实现组件独立化,查看手册;
 优化优化 模态对话框,添加打开/关闭方法,实现组件独立化,查看手册;

2020-08-10

 优化优化 网站手册搜索功能,支持组件/界面名称中文、英文、拼音搜索
 优化优化 全屏选项卡 [ 实战演示 ] nvue 版本,使用 list cell 布局;
 优化优化 分段器组件 nvue 版本,使用 list cell 布局;
 优化优化 普通表格组件 nvue 版本,使用 list cell 布局;

2020-08-06

 新增添加 PK投票 组件 至 常用组件 查看手册;
 优化优化 遮罩弹出层 组件动画效果、添加打开及关闭函数实现组件独立化;
 优化检查并解决 海报生成模板 图片放大后 app 端 bug;
 优化为以下组件添加滚动区域动画 : 切换导航、多行切换导航、分类展示;
 优化优化 分类展示界面小程序独立版本逻辑,避免卡顿;
 优化优化 底部操作表 组件,选项外层添加滚动区域,更友好的容纳更多的选项;

2020-08-04

 优化优化 海报生成模板,添加画布放大倍数属性,使得保存的图片更加清晰;
 优化优化 轮播组件 添加切换过渡动画,使切换过程更流畅;
 优化解决 数字输入框 数据双向绑定引起的 BUG,改用失焦事件;

2020-07-30

 新增添加 底部弹出分享布局模板 到模板中心,去看看;
 优化优化 树桩列表组件,添加文本模式下的收缩 or 展开控制属性;
 优化解决 hx 底层 bug 引起的 分类展示 布局滑动切换问题;
 优化优化 城市级联选择组件 演示代码, 演示默认值后的事件调用;

2020-07-22

 新增添加 手写签名模板 到模板中心,去看看;
 优化优化 数字键盘 演示代码,演示默认值来自 api 加载;
 优化修正 手册语法错误及属性描述错误;

大版本记录

 大版本2020-01-16 GraceUI 3.0 版本正式发布
 大版本2019-06-15 GraceUI 2.0 版本正式发布
 大版本2018-09-25 GraceUI 1.0 版本正式发布