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

GraceUI Weex 版本重要说明

graceUI.png
GraceUI For Weex

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 手册在哪 ?

2020-01-06 GraceUI 新版本实现了多种模式的统一,手册也进行了更新,如果您是 weex 版本老用户请访问 : 
http://grace.hcoder.net/weex
来查看 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 的底层原理 (: