精华内容
下载资源
问答
  • 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 PRO

    开箱即用的中台前端/设计解决方案

    相关资源

    Ant Design

    Ant Design Mobile

    NG-ZORRO - Ant Design of Angular

    NG-ZORRO-MOBILE

    Awesome Ant Design

    Kitchen - Sketch 工具集

    Ant Design Landing - Landing 模板集

    Scaffolds - 脚手架市场

    dva - 应用框架

    Ant Motion - 设计动效

    Axure Library - Axure 部件库

    Ant UX - 页面逻辑素材

    国内镜像站点 ??

    社区

    知乎专栏

    Medium

    Twitter

    体验科技专栏

    SEE Conf - 蚂蚁体验科技大会

    帮助

    GitHub

    更新记录

    常见问题

    在线讨论 (中文)

    讨论列表

    StackOverflow

    SegmentFault

    AFX Cloud更多产品

    语雀 - 知识创作·协作平台

    云凤蝶 - 移动建站平台

    AntV - 数据可视化

    Egg - 企业级 Node 开发框架

    蚂蚁体验云

    Made with ❤ byAFX

    展开全文
  • Ant Design Pro

    2020-04-17 16:58:57
    Ant Design Pro案例展示: https://preview.pro.ant.design/profile/basic Ant Design Pro总结篇: https://www.codercto.com/a/26106.html Ant Design Pro学习笔记: https://www.jianshu.com/...

    收藏几个今天查询用到的网址, 留给自己用 ,也希望可以帮助需要的人
    Ant Design Pro案例展示:
    https://preview.pro.ant.design/profile/basic
    Ant Design Pro总结篇:
    https://www.codercto.com/a/26106.html
    Ant Design Pro学习笔记:
    https://www.jianshu.com/p/4c54ae2bc925

    展开全文
  • ant design pro

    2018-04-02 09:17:13
    Ant Design Pro 开箱即用的中台前端/设计解决方案。 预览:http://preview.pro.ant.design 首页:http://pro.ant.design/index-cn 使用文档:http://pro.ant.design/docs/getting-started-cn 更新日志: ...

    fdss

    English | 简体中文

    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

    特性

    • :gem: 优雅美观:基于 Ant Design 体系精心设计
    • :triangular_ruler: 常见设计模式:提炼自中后台应用的典型页面和场景
    • :rocket: 最新技术栈:使用 React/dva/antd 等前端前沿技术开发
    • :iphone: 响应式:针对不同屏幕大小设计
    • :art: 主题:可配置的主题满足多样化的品牌诉求
    • :globe_with_meridians: 国际化:内建业界通用的国际化方案
    • :gear: 最佳实践:良好的工程实践助您持续产出高质量代码
    • :1234: Mock 数据:实用的本地数据调试方案
    • :white_check_mark: 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。

    参与贡献

    我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 :smiley::

    • 在你的公司或个人项目中使用 Ant Design Pro。
    • 通过 Issue 报告 bug 或进行咨询。
    • 提交 Pull Request 改进 Pro 的代码。
    展开全文
  • 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 Pro环境搭建2018-03-25T07:53:10708300#### Ant Design Pro是一套基于Ant Design的开箱即用的中台前端/设计解决方案。#### 在本文中,我们将会详细讲解如何利用Ant Design Pro快速搭建一套前端服务。## ...
  • 1、Ant Design Pro 初了解说到ant design pro,得先了解一下ant design是个什么东西?ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于Ant Design这个框架搭建的中后台...
  • Ant Design以及Ant Design Pro入门资料
  • 学习笔记摘要介绍Ant Design Pro 是一个基于Ant Design搭建起来的模板项目。它提供了两个主要布局:BasicLayout、UserLayout,在布局基础上制作了20多个基础页面,详情见模板介绍段落。Ant Design Pro 主体代码使用...
  • ant design pro 简介官网简介Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源...
  • 基于 Ant Design of Vue 实现的 Ant Design Pro
  • 某马程序员-day02-Ant Design以及Ant Design Pro入门的代码、讲义、资料
  • 前言最近在使用ant design pro的时候,遇到很多问题,也花费了不少时间,为了防止后续遗忘,特意记录一下,也算是帮大家踩坑了。使用哪个版本目前最新的是ant design pro v4的版本,但是网上大部分的教程还是v3甚至...
  • ant design pro对页面router 的权限通过authority来控制,如下:{name: 'account',icon: 'setting',path: '/account',authority: ['admin'],routes: [{path: '/account/operation',name: 'operation',component: './...
  • ant design pro使用权限组件 Authorized来对系统进行权限管理系统的当前权限是保存在localStorage当中的,currentAuthority默认为guest,在不同的页面中,可以通过utils/authority.js中的getAuthority()和...
  • Ant Design Pro如何调用接口 | Ant Design Pro渲染数据 绑定数据Ant Design Pro我发现网上的资料好少,而且版本基本都是1.0的,我现在是2.0版本,好多地方都不一样,今天我把调用接口和渲染研究了下,分享给大家!...
  • 基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
  • 介绍主要是使用 React 和 TypeScript 以及 Ant Design Pro 开发中后台项目;Ant Design 是蚂蚁金服的UI框架,发展历程可以说是从 saga-redux -> dva -> umi -> ant design ,说 ant design 是 react 的最佳...
  • 这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的。 有这么一个需求, 页码的颜色基于该页是否有差异, 没有差异就正常颜色, 有差异就显示红色, 我就在 ant design 这个分页的基础上...
  • Ant Design Pro框架是蚂蚁金服开源的解决方案,技术栈基于ES2015+、React、UmiJS、dva、g2和antd,一个也不熟,小研究下1、首先项目下载地址git clone https://github.com/ant-design/ant-design-pro --depth=12、...
  • ant design pro动态菜单

    2021-03-30 11:01:05
    自己写的ant design pro动态菜单,不足请指正,互相学习借鉴! 自己写的ant design pro动态菜单,不足请指正,互相学习借鉴!
  • 前段时间写了几篇ant design pro v4服务器控制菜单和路由的文章。有小伙伴说按照文章的方法菜单是拉取下来了。但是,跟使用config.ts控制菜单相比,服务器下发的菜单没有显示菜单图标(Icon)。于是,又花了一点时间...
  • 这个号的定位主要是在前端相关的技术分享,最近在做一个后台管理系统,正好用到了AntDesign Pro这个框架,就暂且分享一下关于AntDesign Pro的使用心得吧。介绍首先我们讲一下AntDesign Pro到底是个什么东西。要想...
  • Ant Design Pro 官方文档说明 在菜单中使用自定义的 icon由于 umi 的限制,在 router.config.js 是不能直接只是用组件的,Pro 中暂时支持 使用 ant.design本身的 icon type,和传入一个 img 的 url。只需要直接在 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,365
精华内容 1,346
关键字:

antdesignpro