- 综合排序
- 最热优先
- 最新优先
- 来自专栏P轴
Ant Design
material-ui: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui https://ant.design
3.3K10编辑于 2022-11-18 - 来自专栏P轴
Ant Design Pro
# 简介 https://pro.ant.design/zh-CN/ 开箱即用的，自带后台登录等界面 选择umi3版本 complete界面 simple界面 # 使用 pages下放置模块 配置路由 PageContainer包含面包屑 import { PageContainer, } from '@ant-design/pro-components'; const User 代理 注意配置pathRewrite，启用项目改为yarn start:dev dev: { // localhost:8000/api/** -> https://preview.pro.ant.design
1.4K20编辑于 2022-11-18 - 来自专栏云原生实践
Ant Design Landing
React体系内，我发现Ant Design生态里有一款Ant Design Landing 框架，简洁明了，又不失美观，比较符合我的需求。 我们来初步看看怎么使用 Ant Design Landing。 我们直接在create-react-app里使用 Ant Design Landing 的模板，create-react-app 是业界最优秀的 React 应用开发工具之一，也可以直接下载官方给出的Demo rc-scroll-anim rc-tween-one --save; npm install rc-banner-anim --save;// 如果用的是多屏滑动型的 banner，加上这条; npm install @ant-design /compatible --save;// 如果使用了 Content7 模块，请加上这条; 按需加载ant design npm install babel-plugin-import --save-dev
2.2K11编辑于 2022-03-30 - 来自专栏『Ts + React』项目实战
『Ant Design』使用
Design 本次文章标题是『Ant Design』所以首先要介绍的是一个叫做 Ant Design 的东西，那么这个『Ant Design』是什么呢？ antd@5.13.2： 如果说你的需求需要兼容低版本的浏览器，这个 Ant Design 就不适合你了。 安装 Ant Design, 学习过 Node 的同学大家通过都知道，首先要安装对应的依赖： npm install antd --save 到这里项目创建好了，Ant Design 也安装好了，接下来就是使用 Ant Design 了，那么如何使用呢？ 五、总结 通过阅读本文你可以学到： 了解 Ant Design 是什么 了解 Ant Design 特点 了解 Ant Design 兼容性 了解 Ant Design 使用，通过 React 脚手架创建项目
86631编辑于 2024-01-28 - 来自专栏编程微刊
Ant Design Vue 使用-引入 ant-design-vue并且使用
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 /ant-design-vue/ star：15k 特性 提炼自企业级中后台产品的交互语言和视觉风格。 共享 Ant Design of React 设计工具体系。 支持环境 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 引入 ant-design-vue 1. 使用组件 安装 ant-design-vue $ npm i --save ant-design-vue 如果安装太慢了 就用一下 $ cnpm i --save ant-design-vue 安装完成 'vue' import Antd from 'ant-design-vue' import App from '.
1.9K10编辑于 2025-05-20 - 来自专栏Java学习网
Ant Design学习(一)
2.1、什么是Ant Design？ Ant Design是阿里蚂蚁金服团队基于React开发的ui组件，主要用于中后台系统的使用。 官网：https://ant.design/index-cn 设计语言： 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。 带着这样的一个终极目标，我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 Ant Design。 2.2、开始使用 2.2.1、引入Ant Design Ant Design 是一个服务于企业级产品的设计体系，组件库是它的 React 实现，antd 被发布为一个 npm 包方便开发者安装并使用。 Design功能 }] ] }; 2.2.2、小试牛刀 接下来，我们开始使用antd的组件，以tabs组件为例，地址：https://ant.design/components/tabs-cn/ 效果
1.1K10编辑于 2023-01-05 - 来自专栏Java学习网
Ant Design学习(二)
2.3、布局 antd布局：https://ant.design/components/layout-cn/ 在后台系统页面布局中，往往是经典的三部分布局，像这样： 下面，我们通过antd组件来完成这个布局 config.js文件： export default { plugins: [ ['umi-plugin-react', { dva: true, // 开启dva功能 antd: true // 开启Ant Design功能 }] ], routes: [{ path: '/', component: '..
90910编辑于 2023-01-05 - 来自专栏Java学习网
Ant Design学习(三)
export default { plugins: [ ['umi-plugin-react', { dva: true, // 开启dva功能 antd: true // 开启Ant Design功能
56110编辑于 2023-01-05 - 来自专栏Java学习网
Ant Design学习(六)
3、Ant Design Pro入门 3.1、了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的，企业级中后台前端/设计解决方案。 效果： 源码地址：https://github.com/ant-design/ant-design-pro 特性： 3.2、快速入门 3.2.1、部署安装 下载地址：https://github.com /ant-design/ant-design-pro 我们使用资料中提供的，已经下载好的文件：ant-design-pro-master.zip 第一步：将ant-design-pro-master.zip 解压到任意目录，我的目录是F:\code Ant Design Pro提供的目录如下： ├── config # umi 配置，包含路由，构建等配置 ├── mock # 本地模拟数据 ├── public
68310编辑于 2023-01-05 - 来自专栏javascript趣味编程
Ant Design Blazor 笔记
打开cmd命令行工具输入如下魔法： dotnet new -i AntDesign.Templates::1.0.0 下载项目到本地： https://github.com/ant-design-blazor /ant-design-pro-blazor 解压，使用vs2019打开，运行即可： ?
1.3K20发布于 2021-02-03 - 来自专栏Java学习网
Ant Design学习(七)
打开router.config.js后，可以看出，pro提供了有2套路由（布局），分别是/user和/
50320编辑于 2023-01-05 - 来自专栏Java学习网
Ant Design学习(四)
2.3.5、引入导航条 使用Menu组件作为导航条：https://ant.design/components/menu-cn/ import React from 'react' import {Layout 接下来，配置路由： export default { plugins: [ ['umi-plugin-react', { dva: true, // 开启dva功能 antd: true // 开启Ant Design功能 }] ], routes: [{ path: '/', component: '..
91820编辑于 2023-01-05 - 来自专栏Java学习网
Ant Design学习(八)
所有的页面依然是保存的src/pages中，在pages目录下，以功能为单元创建目录，如：
46320编辑于 2023-01-05 - 来自专栏编程微刊
Ant Design Vue 使用
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 /ant-design-vue/ star：15k 特性 提炼自企业级中后台产品的交互语言和视觉风格。 共享 Ant Design of React 设计工具体系。 支持环境 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 引入 ant-design-vue 1. 使用组件 安装 ant-design-vue $ npm i --save ant-design-vue 如果安装太慢了 就用一下 $ cnpm i --save ant-design-vue 安装完成 'vue' import Antd from 'ant-design-vue' import App from '.
1.8K20发布于 2021-11-24 - 来自专栏『Ts + React』项目实战
『Ant Design』主题定制
其实就是『Ant Design』的主题定制，那么什么是主题定制呢？ 二、主题定制 打开官方文档，官方文档地址：https://ant.design/docs/react/introduce-cn 在官方文档左侧有一个『定制主题』的菜单，点击进入，可以看到如下内容： Ant 简而言之，你可以轻松地让 Ant Design 看起来符合你的品牌和业务的独特需求。 三. 4.x Ant Design 4.x 版本主题定制 方式一（修改样式变量，2B铅笔做法） 在 Ant Design 4.x 版本中，我们可以通过 less 和 CSS 变量来定制主题，什么意思呢？ Design 4.x 版本主题定制 Ant Design 5.x 版本主题定制 可以从中感受到 Ant Design 4.x 与 5.x 版本主题定制的区别以及优劣势 很显然 Ant Design 5
1.4K50编辑于 2024-01-28 - 来自专栏Java学习网
Ant Design学习(五)
2.4、表格 2.4.1、基本用法 参考官方文档进行实现：https://ant.design/components/table-cn/ 改造UserList.js页面： import React from
44720编辑于 2023-01-05 - 来自专栏前端小菜鸡yym
Ant Design 图标的使用
smartblue highlight: androidstudio ---- 这是我参与8月更文挑战的第四天 活动详情查看：8月更文挑战 1 安装 npm install --save @ant-design import { StepForwardOutlined } from '@ant-design/icons';
<StepForwardOutlined/>2 图标类型 如图,默认是蓝色的 5 自定义图标 5.1 使用iconfont 的 svg 代码 不能与其它已有图标一样解构 import { StarTwoTone ,ForkOutlined} from '@ant-design /icons'; import Icon from '@ant-design/icons' 声明一个函数式组件 （svg代码是在阿里iconfont中复制的） const PandaSvg = () component={PandaSvg} {...props} />; <PandaIcon/> 5.2 使用个人的图标项目 import { createFromIconfontCN } from '@ant-design2.3K50编辑于 2023-02-03 - 来自专栏代码即数据
Ant Design Upload 组件封装
manage' import {ACCESS_TOKEN} from "@/store/mutation-types" import Vue from 'vue' import { Modal } from 'ant-design-vue import { ACCESS_TOKEN } from '@/store/mutation-types' import Vue from 'vue' import { Modal } from 'ant-design-vue
59230编辑于 2022-08-04 - 来自专栏用户3288143的专栏
【Vue】组件ant design of vue
文章目录 安装 项目引入全局组件 常见问题 关键字避免 处理校验异常es-link 栈溢出 ant图库未加载 git 追加到上一次提交文件 简单使用 自定义组件-header 列表 加any问题ts类型 图标iocn 安装 npm install ant-design-vue@2.0.0-rc.3 --save npm i --save ant-design-vue@next npm i --save ant-design-vue //目前使用的兼容版本"ant-design-vue": "^2.2.8", 项目引入全局组件 常见问题 关键字避免 处理校验异常es-link error The TheHeader, } }); </script> 列表 加any问题ts类型 ts类型any变为js不限制类型，如果有报错提示 图标iocn 安装npm install @ant-design /icons-vue --save main.ts全局引入，官方文档好像需要一个个引入麻烦 import * as Icons from '@ant-design/icons-vue'; // createApp
1.1K30编辑于 2021-12-06 - 来自专栏IT开发技术与工作效率
Ant Design Pro 踩坑
（本文命令中的 npm 和 yarn 任选一种即可） Cannot find module '@umijs/preset-ant-design-pro' 检查发现是 devDependencies 没安装
1.3K20发布于 2021-05-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号