精华内容
下载资源
问答
  • Ant Design

    千次阅读 2019-05-28 09:04:01
    Ant Design 服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。 Ant Design Mobile of React Ant Design Mobile of Angular Ant ...

    Ant Design

    服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    Ant Design Mobile of React

    Ant Design Mobile of Angular

    Ant Design of React 

    Ant Design of Angular 

    Ant Design of Vue 

    相关资源

    Ant Design Pro

    Ant Design Mobile

    NG-ZORRO - Ant Design of Angular

    NG-ZORRO-MOBILE

    Ant Design Vue

    Kitchen - Sketch 工具集

    Ant Design Landing - 首页模板集

    Scaffolds - 脚手架市场

    Umi - React 应用开发框架

    dva - 数据流前端框架

    Ant Motion - 设计动效

    设计资源下载

    国内镜像站点 ??

    社区

     Awesome Ant Design

     Medium

     Twitter

     Ant Design 专栏

     体验科技专栏

    SEE Conf - 蚂蚁体验科技大会

    加入我们

    帮助

    GitHub

    更新日志

    Ant Design 实战教程

    常见问题

    在线讨论 (中文)

    在线讨论 (English)

    报告 Bug

    讨论列表

    StackOverflow

    SegmentFault

    AFX Cloud更多产品

     语雀 - 知识创作与分享工具

    云凤蝶 - 移动建站平台

    AntV - 数据可视化

    Egg - 企业级 Node 开发框架

    蚂蚁体验科技

    Made with ❤ byAFX

     Not using Hotjar yet?

    Select an element on the page.

    展开全文
  • Ant design

    千次阅读 2020-03-14 20:23:37
    antd是基于 Ant Design 设计体系的 React/vue/AngularUI 组件库,主要用于研发企业级中后台产品。 帮助快速开发前端企业级工程项目. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 ...

    1.应用场景

    前端组件库

    antd 是基于 Ant Design 设计体系的 React/vue/Angular UI 组件库,主要用于研发企业级中后台产品。

    帮助快速开发前端企业级工程项目.

    2.学习/操作

    TBD

    3.问题/补充

    TBD

    4.参考

    https://ant.design/index-cn //官网

    https://www.antdv.com/docs/vue/introduce-cn/  //Ant Design of Vue

    https://ant.design/docs/react/introduce-cn  //Ant Design of React

    https://ng.ant.design/docs/introduce/zh  //Ant Design of Angular

    后续补充

    ...

    展开全文
  • Ant Design以及Ant Design Pro入门资料
  • 基于 Ant Design of Vue 实现的 Ant Design Pro
  • 基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
  • 1、Ant Design设计语言和组件库蚂蚁金服体验技术部经过大量的项目实践和总结,沉淀出设计语言 Ant Design,这可不单纯只是设计原则、控件规范和视觉尺寸,还配套有前端代码实现方案。也就是说采用Ant Design后,UI...

    1、Ant Design设计语言和组件库

    蚂蚁金服体验技术部经过大量的项目实践和总结,沉淀出设计语言 Ant Design,这可不单纯只是设计原则、控件规范和视觉尺寸,还配套有前端代码实现方案。也就是说采用Ant Design后,UI设计和前端界面研发可同步完成,效率大大提升。目前有阿里、美团、滴滴、简书采用。Ant Design有Web版和Moblie版。

    Paste_Image.png

    2、Ant Motion(动效解决方案)

    Ant Design里的前端代码实现方案可不是搭建静态的界面这么简单,还包含动效的解决方案,也提供动效设计风格和原则,要知道大部分动效做不出来的场景,都是因为设计师方案和研发代码实现存在一定的鸿沟,有了Ant Motion完整的解决方案,设计和研发工程师沟通协作无障碍,动效实现将会非常轻松。

    174430666_2_20191030111434440.png

    Paste_Image.png

    Ant Motion: https://motion.ant.design/

    3、AntD Library(Ant Design官方Axure控件库)

    其实类似于Ant Design的设计语言搭配前端实现方案的也不止支付宝这一家,但是牛逼的是支付宝还将Ant Design做成了Axure控件库并公开下载,Web和Mobile全都有,简直是造福行业,功德无量。

    174430666_3_20191030111435565.png

    Paste_Image.png

    AntD Library下载地址: http://library.ant.design/

    4、AntUX(站点地图模板)

    除了Axure控件库以外,还提供Axure、Sketch、OmniGraffle三种格式的站点地图模板。提升流程图、站点地图、产品整体结构图的绘制效率。据悉,未来还会提供Illustrator版本。

    174430666_4_20191030111436581.png

    Paste_Image.png

    AntUX下载地址: http://ux.ant.design/

    5、Ant V(可视化图表解决方案)

    可视化图表能让复杂的逻辑和臃肿的数字变动更清晰更容易理解,Ant V对不同的图表类型提供了详细的介绍、案例和使用建议,并总结出图表设计原则和相关文献推荐,所有的图表的Web和Moblie前端实现方案也一应俱全。

    174430666_5_20191030111437409.png

    Paste_Image.png

    展开全文
  • ant design pro默认分页显示修改

    万次阅读 2020-12-14 16:43:05
    做表格分页的时候,使用的是ant design pro ,分页器是封装好的,但是公司要求要与之前的公司产品看齐,他们用的比较老,因此需要重写分页器(我的项目要修改的不多,只需要修改分页前面的显示文字就行),以下列出...

    做表格分页的时候,使用的是ant design pro ,分页器是封装好的,但是公司要求要与之前的公司产品看齐,他们用的比较老,因此需要重写分页器(我的项目要修改的不多,只需要修改分页前面的显示文字就行),以下列出全部重写以及总数显示重写

    1、分页整体修改:

    itemRender(page, type, originalElement) {
                                    if (type === "page") {
                                      return <a href={`/galleries/${page}`}>{page}</a>;
                                    } else if (type === "prev") {
                                      return <a href={`/galleries/${this.currentPage - 1}`}>上一页</a>;
                                    } else if (type === "next") {
                                      return <a href={`/galleries/${this.currentPage + 1}`}>下一页</a>;
                                    }
                                  }
    

    2、总数显示重写

    2.1 ant design pro 默认是这样的:

    在这里插入图片描述
    2.2 但是公司之前的产品是这样的:

    在这里插入图片描述
    2.3 因此只需要修改前面的显示方式便可以了,重写代码:

    showTotal: total => { return <span><span className="pagination">{total}</span></span> },
    
    

    2.4 中间的显示样式:

    .pagination{
      color:rgb(24,144,244);
      font-weight: bold;
    }
    

    打完收工

    展开全文
  • Ant Design 遭删库!

    万次阅读 多人点赞 2021-02-15 20:33:37
    在程序员们还都放假过年之时,在 GitHub 上拥有数万 Star 的蚂蚁金服企业级 UI 设计语言和 React 组件库 Ant Design 横遭删库。
  • Ant Design Vue:一个基于Ant Design和Vue的企业级UI组件库
  • Ant DesignAnt Design Pro

    千次阅读 2020-02-07 23:26:48
    02-Ant Design #1.ReactJS 1.1.分层 上图中,左侧是服务端代码的层次结构,由Controller,Service,Data Access三层组成服务服务端系统。 右侧是前端代码的结构,同样需要进行必要的分层: Page负责与用户直接打交道...
  • Ant Design简单简单简单运行

    万次阅读 2020-07-31 16:35:43
    1.安装脚手架工具,显示如下图即安装脚手架成功 npm install antd-init -g 2.创建一个工程,使用如下命令 mkdir antd-demo ...5.运行Ant Design项目,网址输入localhost:8000,成功运行 npm start ...
  • 1、Ant Design Pro 初了解说到ant design pro,得先了解一下ant design是个什么东西?ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于Ant Design这个框架搭建的中后台...
  • Ant Design Pro 动态菜单 V2 版本以上都适用的简单三步操作 Ant Design 最近用Ant Design Pro,本版本V2.3.0 ,适应于版本V2.0以上的动态菜单,这样就可以请求后台返回菜单了。超级简单,自研究的,只需三步操作很棒...
  • 这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的。 有这么一个需求, 页码的颜色基于该页是否有差异, 没有差异就正常颜色, 有差异就显示红色, 我就在 ant design 这个分页的基础上...
  • ANT DESIGN PRO

    千次阅读 2019-05-28 09:13:17
    ANT DESIGN PRO 开箱即用的中台前端/设计解决方案 相关资源 Ant Design Ant Design Mobile NG-ZORRO-Ant Design of Angular NG-ZORRO-MOBILE Awesome Ant Design Kitchen-Sketch 工具集 Ant Design...
  • Ant Design字体图标

    2018-08-18 10:04:46
    Ant Design字体图标,Ant Design字体源文件,Ant Design托管在阿里巴巴icon
  • Ant Design Pro上传图片今天看了下Ant Design Pro上传图片的插件,感觉挺简单,也没有遇到太多问题,分享个大家!顺便记录下。这里有个坑,主要文件命名的时候不要和保留关键词同名! 比如 Upload.js 就和 Upload...
  • Ant Design Vue

    千次阅读 2019-05-28 09:20:14
    Ant Design Vue Ant Design of Vue Following the Ant Design specification, we developed a Vue UI libraryantdthat contains a set of high quality components and demos for building rich, interactive .....
  • 介绍主要是使用 React 和 TypeScript 以及 Ant Design Pro 开发中后台项目;Ant Design 是蚂蚁金服的UI框架,发展历程可以说是从 saga-redux -> dva -> umi -> ant design ,说 ant design 是 react 的最佳...
  • 大概是这样一个效果 ...自己实现起来比较复杂,antd已经为我们写好了这一套。 具体实现方式请看官方文档: ant design : ...ant design pro:https://pro.ant.design/blog/new-pro-use-cn#header...
  • ant design pro对页面router 的权限通过authority来控制,如下:{name: 'account',icon: 'setting',path: '/account',authority: ['admin'],routes: [{path: '/account/operation',name: 'operation',component: './...
  • Nginx服务器发布Ant Design以及Ant Design Pro项目通过终端命令行进入项目目录发布完成 通过终端命令行进入项目目录 1.// 在编译的项目中进行打包指令 npm run build 2. 找到打包后的文件夹 执行完打包指令后会...
  • ant design pro使用权限组件 Authorized来对系统进行权限管理系统的当前权限是保存在localStorage当中的,currentAuthority默认为guest,在不同的页面中,可以通过utils/authority.js中的getAuthority()和...
  • ant design pro 新增页面2.由于pro版本升级到2.0,所以重新做了一个分享,下面是目录地址1.在 src/routes/ 下面的任意一个文件夹下面创建一个页面// 填写如下内容/** NewPage.js内容 */import React, { Component } ...
  • react学习之路react+AntDesign搭建环境准备全局安装create-react-app脚手架创建项目命名为:antd-demo1引入Ant Design组件库启动项目 react+AntDesign搭建 大家好!之前有做过react+AntDesign的项目,但是都是别人...
  • ant design文档

    2018-05-10 02:15:16
    Ant Design 一个服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。
  • 互联网的高速发展,使得前端开发的...为了让大家有更好的前端学习材料,也为了繁荣语雀的内容生态,Ant Design 团队受到了语雀的邀请编写了一本《Ant Design 实战教程》,独家发布在语雀。 经过将近四个月的准备,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,156
精华内容 5,662
关键字:

antdesign