Axure 蚂蚁设计团队组件库 让交互稿美美搭
Github资源:https://github.com/ant-design/ant-design-pro
English | 简体中文
技术实践篇
https://pro.ant.design/docs/getting-started-cn
ant DEMO
https://preview.pro.ant.design
antd 各网站入口
手机版组件
https://mobile.ant.design/docs/react/introduce-cn
桌面版
https://ant.design/docs/react/introduce-cn
Pro版本
https://pro.ant.design/docs/getting-started-cn
蚂蚁金服数据可视化
https://antv.alipay.com/zh-cn/index.html
React Advanced Guide
https://reactjs.org/docs/jsx-in-depth.html
React Route (如果控制页面跳转)
https://github.com/ReactTraining/react-router
https://reacttraining.com/react-router/web/guides/philosophy
Redux (如果修改状态和调用接口数据)
https://redux.js.org/docs/introduction/CoreConcepts.html
Webpack
https://webpack.js.org/
dvajs github homepage
https://github.com/dvajs/dva
一起学dvajs
http://www.jianshu.com/p/69f13e9123d9
ES6入门教程
http://es6.ruanyifeng.com/
CSS参考
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference
jQuery的移动端替代产品
http://zeptojs.com/
Ant Design Pro
开箱即用的中台前端/设计解决方案。
- 预览:http://preview.pro.ant.design
- 首页:http://pro.ant.design/index-cn
- 使用文档:http://pro.ant.design/docs/getting-started-cn
- 更新日志: http://pro.ant.design/docs/changelog-cn
- 常见问题:http://pro.ant.design/docs/faq-cn
特性
- ? 优雅美观:基于 Ant Design 体系精心设计
- ? 常见设计模式:提炼自中后台应用的典型页面和场景
- ? 最新技术栈:使用 React/dva/antd 等前端前沿技术开发
- ? 响应式:针对不同屏幕大小设计
- ? 主题:可配置的主题满足多样化的品牌诉求
- ? 国际化:内建业界通用的国际化方案
- ⚙️ 最佳实践:良好的工程实践助您持续产出高质量代码
- ? Mock 数据:实用的本地数据调试方案
- ✅ UI 测试:自动化测试保障前端产品质量
模板
- Dashboard- 分析页- 监控页- 工作台
- 表单页- 基础表单页- 分步表单页- 高级表单页
- 列表页- 查询表格- 标准列表- 卡片列表- 搜索列表(项目/应用/文章)
- 详情页- 基础详情页- 高级详情页
- 结果- 成功页- 失败页
- 异常- 403 无权限- 404 找不到- 500 服务器出错
- 帐户- 登录- 注册- 注册成功
使用
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1 $ cd ant-design-pro $ npm install $ npm start # 访问 http://localhost:8000
也可以使用集成化的 ant-design-pro-cli 工具。
$ npm install ant-design-pro-cli -g $ mkdir pro-demo && cd pro-demo $ pro new
更多信息请参考 使用文档。
兼容性
现代浏览器及 IE11。
参与贡献
我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 ?:
- 在你的公司或个人项目中使用 Ant Design Pro。
- 通过 Issue 报告 bug 或进行咨询。
- 提交 Pull Request 改进 Pro 的代码。
转载于:https://www.cnblogs.com/boonya/p/8456260.html
Axure 蚂蚁设计团队组件库 让交互稿美美搭相关推荐
- 原型设计资源组件库分享
这一次一口气分享七个模板: 1)Clarity UI Library - dark 5.0.0 2)ADS Components 3)Slack UI Kit 4)信息服务平台APP 5)银行类APP ...
- 蚂蚁Ant Design组件库的免费在线资源
Ant Design(蚂蚁组件)是蚂蚁集团体验技术部经过大量项目实践和总结,逐步打磨出的一个设计系统,内含带有 React 的 UI 库.它是为企业级产品设计而创建的.Ant Design 提供了高质 ...
- Axure的安装和组件库导入
背景 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图 ...
- Axure高大上低保真组件库
给大家提供一个Axure的低保真的一个组件库 ,大家可以看一看! 链接:https://pan.baidu.com/s/1mD2Niu4vNGxu-WUoDDq50A 提取码:j8g6
- Google Earth Engine APP——gee-ui geetemp 前端团队组件库
通过本地python端的安装实现gee ui在本地的使用 Getting started 安装 git clone git@git.i.com:gee-lab/gee-ui.git cd gee-ui ...
- ChatUI - 阿里出品的客服对话领域的前端开源组件库
专为智能对话客服设计的组件库和开发套件,大厂出品,质量保证,还免费开源. 关于 ChatUI ChatUI 专门是为智能对话领域的产品需求而生的设计和开发解决方案,由阿里云达摩院下的阿里小蜜团队出品并 ...
- 前端几种可视化大屏组件库图表插件介绍
经理给我分配了可视化大屏数据项目,我看了好多组件库和去百度搜索,最后总结出几种比较好用的组件库来介绍一下,国外版本的我就直接抛弃了(英语1级) 1.Echarts官方网址 他是百度团队开源的,反正是老 ...
- 尤大都推荐的组件库是如何开发出来的?
> 注意:为了让篇幅尽可能简洁一丢丢,在有些地方贴源码时,我尽可能贴最能反映要讲解内容的源码,其他重复性的代码就略去了,所以如果你自己尝试去阅读源码时,可能会发现和文章里的代码有出入.文章跑通 ...
- 【Web技术】1120- 尤大都推荐的组件库是如何开发出来的?
注意:为了让篇幅尽可能简洁一丢丢,在有些地方贴源码时,我尽可能贴最能反映要讲解内容的源码,其他重复性的代码就略去了,所以如果你自己尝试去阅读源码时,可能会发现和文章里的代码有出入.文章跑通 Naive ...
最新文章
- 优化XCode的编译速度
- mybatis 取list第一个_MyBatis基础搭建及架构概述
- PVLAN技术应用,网络管理员的新宠
- 西南交通大学计算机程序设计实验13,西南交通大学C++实验报告.doc
- Zuul:路由转发,排除和自定义
- SpringMVC 上传文件and过滤器
- (02)System Verilog logic数据类型详解
- Linux多线程工作笔记0001---多线程知识介绍
- python3 模块详细解释_详解Python3中的contextvars模块
- java编写自动化脚本_java+selenium自动化脚本编写
- 什么是flex布局,它的常用属性有哪些
- Jupyter notebook 打开网页无法显示
- 群晖无数据丢失的磁盘阵列变更解决方案(4盘位两个Raid1转SHR-1)
- [乐意黎转载]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 十年磨一剑,两万字长文深剖析分享IC验证经验
- Shader:优化破解变体的“影分身”之术
- CSS 清除浮动的方法
- ​FPGA便捷开发-TCL商店(开源)
- Ueditor编辑器实战 HTML / vue+v-model
- 01背包一维dp数组的实现