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

GraceUI nvue 版本介绍

2020-01-06 GraceUI Weex 同步版正式发布! 此次更新,GraceUI Weex 版本与普通版本完全对齐,组件、布局同步率99%(因底层问题无法同步支持的组件仅有2个 : 进度圆环和即时通讯)。

为什么使用 Weex ?

weex 在 app 端会优先使用各自平台的底层组件,能大幅度提高 app 端的运行体验(最明显的感觉文字渲染更精细); 详细资料 : https://uniapp.dcloud.io/use-weex

Weex 版本支持H5 ? 支持小程序吗 ? 

weex 原不支持 H5、小程序只支持 app, 经过 uni-app 官方的努力,目前可以 "支持多端发布"!
虽然  uni-app 官方努力使得 Weex 的 uni-app 模式 "支持多端发布",但是实际使用过程中,由于 字体、底层布局、页面底层等多种问题,我们不建议您使用 weex 版本去开发多端应用,您会遇到大部分市面的常用插件不兼容、布局不适应等各种问题!

正确的姿势

1 使用普通模式进行多端开发,使用 nuve 优化 app 端体验[ 推荐 ]; 使用GraceUI普通模式 + nvue 模式组合的方式,优化需要优化的 app 端页面;
2 只开发 app 使用 graceUI weex 版本即可 [ 使用此版本后意味着您必须严格遵守 flex 布局、插件市场大部分组件将不能使用 ];

使用 weex 版本必须具备的知识

uni-app 官方对 weex 进行了深度是改造, weex 变得更好用!支持的组件更多,请您仔细阅读官方文档 : 
https://uniapp.dcloud.io/use-weex

weex 版本如何部署

GraceUI Weex 与普通版本并存与 GraceUI uni-app 版本中,核心样式名称: graceWeex.css 核心组件目录 : weexComponents; 请查看手册的快速部署,可以快速完成 weex 版本的部署;

如何使用 weex 优化 app 端体验?

在 页面文件夹下新建一个与页面同名的 .nuve 文件,这样在编译到 app 端时,hx会将使用您的 nuve 文件作为页面文件; 组件、样式的使用我们在每个组件的手册底部都提供了演示代码;

如何学习 weex

uni-app官方经过努力已经将大部分组件进行了同步(uni-app组件大部分可以正常运行在 weex 环境),减少了您的学习成本;
GraceUI 率先实现了weex 版本的完全同步,减少了您的学习、使用成成本 (:
为了更好的使用 weex 我们还是建议您对 weex 有一定的了解,资料 :
1 weex 官网 : https://weex.apache.org
2 GraceUI 作者发布的免费课程 : 《在 uni-app 中使用 weex》
课程地址 https://ke.qq.com/course/419900?taid=3679867850090556&tuin=4f8da6
此套课程发布时 uni-app 还没有实现uni-app编译模式,所以还使用 weex 原有的组件及样式单位,您可以通过此课程了解 weex 的底层原理 (: