从2015 年 4 月起,Ant Design 在蚂蚁集团中后台产品线迅速推广,对接多条业务线,覆盖系统 800 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员,具有学习成本低、上手速度快、实现效果好等特点,并且提供从界面设计到前端开发的全链路生态,可以大大提
最后,再附赠一个通用的在线教育管理后台原型,整个原型包含了在线教育管理后台的首页、订单管理、课程管理、用户管理(讲师、学员)、资讯管理、促销管理等核心页面模块。 刀友们可以运用这些页面快速搭建美观的 Web 后台页面,也可以参考这些页面的组件构成,更加熟练灵活地使用 Ant Design 组件库。 这次的素材上新还满意吗?
案例三:由 Ant Design 基础表单组件组合,定义出的规则表达式组件。 (二)自定义资产 这是三种基于 Ant Design 自定义组件的常见方式。相比更具通用性的 Ant Design,这些自定义部分更加业务化,未被 Ant Design 覆盖。不进行规范,设计者和工程师们就会重复造轮子,造成不一致。基于 Ant Design,补充更业务化的内容来...
本文从Ant Design布局使用说明、Ant DesignVue常用组件使用说明、文案规范、实践案例等方面进行了分析,分享了后台产品设计规范的注意事项。 2016年,我进入一家中型跨境电商公司,开始负责整体电商系统的系统重构产品工作,将原本一套开源的电商系统架构重构解耦成颗粒度更小、松耦合的分布式微服务系统架构,因为原本的系统架构...
在今天分享的最后一趴,我和大家聊聊这个场次经常听到的词,那就是“自然”,学术界和产业界对自然有非常多的理解。我们把它定义成了形容词,我们认为这个行为很自然,大家经常在各个场合听到的一句话,设计是关乎如何运作的问题,Ant Design 在这个基础上,要聊的是 how it works naturally。同样分享一个小案例,在我们有...
AntDesign中a-menu的使用案例 <template> <templatev-for="item in routerList">
二. AntDesign案例 我们通过AntDesign来编写一个案例: 1.1. 案例-评论框 我们选来完成评论框,评论框有两部分组成: TextArea的输入框:Input.TextArea; 提交评论的按钮:Button; importReact, { PureComponent }from'react';importmomentfrom'moment';import{Form, Button, Input}from'antd';exportdefaultclass HYComm...
Ant Design 3.0 使用案例 本文适合对象 有过React使用经验。 有过webpack使用经验。 了解node。 DEMO使用方式 npm install npm run start npm run startfe 登录localhost:8088查看效果 注:demo中node使用pm2进行管理和启动,如果需要查看终端输出,可以使用pm2 log命令查看。
Ant Design组件库中图片上传的样式非常多,为了保持统一性,整体调研完所有图片上传组件,我们统一使用如下图片上传样式。 1)单图: 2)多图: 四、实践案例 1. 新建商品 1)选择基础分类: 2)填写商品信息: 3)完成: 2. 新建满减活动 1)填写活动信息:
Ant Design组件库中图片上传的样式非常多,为了保持统一性,整体调研完所有图片上传组件,我们统一使用如下图片上传样式。 1)单图: 2)多图: 四、实践案例1. 新建商品 1)选择基础分类: 2)填写商品信息: 3)完成: 2. 新建满减活动 1)填写活动信息: 2)设置活动范围: 3)完成: 以上是表单的产品设计规范,案例中只...