背景Ant Design是一套不错的UI组件库，功能强大。但是依赖了很多其他的组件，在RN6.3以后要自己安装以下组件才能正常使用。yarn add @react-native-community/cameraroll @react-native-community/picker @react-native-community/segmented-control @react-native-com
转载
2024-05-12 16:20:14
219阅读
ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。
转载
2021-08-04 11:10:50
1383阅读
你好，我是Dotnet9，继上篇介绍Bootstrap风格的BlazorUI组件库后，今天我来介绍另一款Blazor UI组件库：一套基于 Ant Design 和 Blazor 的企业级组件库。本文导航：一、关于Ant Design Blazor 二、Ant Design Blazor的社区贡献 2.1 项目关注度 2.2 Ant Design官方认可 2.3 微软官方认可 三、Ant Desi
首先看一下效果：然后再说一下数据的格式和字段其中IsObtain为是否选中字段，halfchecked为半选状态，permission_id为id，permission_pid为父id，其他的根据自己的业务需求来。然后看一下层级关系 最后，废话不多说，直接上代码其中一到三步就是对antd表格的魔改，就对应自己数据的字段改一下就ok，不用去深究。为了方便大家看懂，代码里大量的注释，并且先看
文章目录前言按钮的控制是否渲染的做法自定义指令（推荐）函数式组件插槽组件（推荐）数据怎么设计其他方案菜单的显示路由的配置接口的校验补充权限更新同一个组件在一个页面复用，但按钮权限不一样怎么办尾巴 前言一个系统的权限控制，核心在于后端的处理，前端负责让用户感知到有权限这样一个东西存在。对于前端在一套权限控制方案中能够做什么，我罗列了一下几个方面按钮的控制菜单的显示路由的权限接口的校验以下案例用vu
转载
2024-04-22 15:17:51
294阅读
Ant Design Of Angular 项目的创建与常见问题框架特性支持环境使用版本安装项目结构关于路由的那些事一、生成路由文件二、导出 RouterModule三、添加路由定义RouterModule.forRoot()四、添加路由出口五、运行项目六、添加默认路由七、添加路由链接(routerLink)八、添加详情视图（HTML传参） 框架特性提炼自企业级中后台产品的交互语言和视觉风格。开
转载
2024-06-07 20:39:37
82阅读
文章目录一、简介二、CMD下载Ant模板1. 简介2.下载模板3.CLI命令说明4.创建welcome模板5.创建所有demo页面模板二、下载github代码到本地1.简介2.环境要求3.clone代码4.使用npm初始化4.1报npm错误4.2安装node.js4.3安装淘宝镜像（cnpm命令）4.4查看cnpm命令是否存在4.5初始化项目依赖包5.构建项目6.启动项目三、总结 一、简介 1.
转载
2024-05-07 11:29:39
197阅读
文章目录传奇开心果博文系列Ant Design Mobile of React 开发移动应用示例博文系列第一篇【传奇开心果系列】Ant Design Mobile of React 开发移动应用:从helloworld开始第二篇【传奇开心果系列】Ant Design Mobile of React 开发移动应用:天气应用第三篇【传奇开心果系列】Ant Design Mobile of React
1.antd Upload默认值问题需求是这样的，后台若没有图片默认值，则只有上传按钮，且只能上传一张图片；若有默认值，则显示默认头像图片， 可删除，删除之后有且只能添加一张图片，没有删除默认图片时不能添加图片坑爹之路漫漫----- 图为无默认值时状态图为有默认值状态，删除后可添加图片首先设置defaultFileList,但是defaultFileList并不会默认添加到fileLis
前情公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。产品效果图最新接到的一个后台管理界面需求，需要根据相同的itemId做单元格合并，要实现的效果如下：解决方案方式1：使用表格的rowspan属性来实现单元格合并关键示例代码：/**
* 实现单元格合并
* 在原始数据中加上row
转载
2024-09-19 20:25:03
158阅读
AntDesign的后台搭建很简单，官网给出了详细的教程
转载
2021-07-12 11:47:07
4717阅读
偶然看到一篇类似css技巧与经验总结的文章，其中有一部分非常熟悉，那就是“css控制元素内文本超出部分使用省略号代替”，一般实际工作中，很多产品经理会对页面UI有这样的要求。还记得，第一次做这个功能时，是通过百度到的，然后就是一劳永逸，直接记事本记录下来，以后基本上就是拿来主义，根本就没有去研究一下其中的原理（其实也没什么原理，方法也很简单，O(∩_∩)O哈哈~），恰逢今日又碰到了，那就做个了断吧
一、概述二、详细2.1、构建当项目开发完毕，只需要运行一行命令就可以打包你的应用： npm run build 由于 Ant Design Pro 底层使用的 roadhog 工具，已经将复杂的流程封装完毕，对于大部分场景，构建打包文件只需要一个命令 roadhog build，构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打
一、安装antdnpm install antd二、实现antd的按需打包为什么要实现按需打包？因为直接引入antd，会引入很多我们不需要的包，造成空间上的浪费。引入相关工具包npm install react-app-rewired customize-cra babel-plugin-import在项目根目录下创建一个配置文件（config-overrides.js）const { override, fixBabelImports } = require('cus
原创
2022-02-25 15:07:02
769阅读
介绍在vue中使用antV-G2展示散点图G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 -
一、安装antdnpm install antd
二、实现antd的按需打包为什么要实现按需打包？
因为直接引入antd，会引入很多我们不需要的包，造成空间上的浪费。引入相关工具包npm install react-app-rewired customize-cra babel-plugin-import在项目根目录下创建一个配置文件（config-overrides.js）const {
原创
2021-12-16 16:49:25
507阅读
1、确保安装好nodejs 2、确保npm 3、安装 4、创建目录，进入 5、初始化，这一步特别慢 6、启动 7、访问
原创
2021-08-05 16:08:22
1214阅读
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会
转载
2024-05-09 11:03:29
432阅读
Ant Design的布局 我们来讲一下Ant Design布局空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI界面的布局空间要基于『动态、体系化』的角度出发展开，我们受到建筑界大师柯布西耶的模度思想的启发，基于『秩序之美』的原则，探索UI设计中的动态空间秩序。 在中后台视觉体系中定义布局系统，建议从5个方面出发： 1.统一的画板尺寸 2.适配方案 3.网络单位 4.栅格 5.
转载
2024-02-27 08:18:46
175阅读
Ant Design 组件提供了Input，InputNumber，Radio，Select，uplod等表单组件，但实际开发中这是不能满足需求，同时我们希望可以继续使用Form提供的验证和提示等方法（使用起来确实很爽），这时需要自己动手封装一些表单，同时我们还要保持方法可以继续是使用。 github的代码地址: https://github.com/haozhaohang/ant
转载
2024-04-07 06:34:03
489阅读
