目录前言：碎碎念Columns配置ProTable的配置关于样式调整前言：碎碎念由于近期才接触到Ant Design Pro脚手架（以下简称antd pro），并且是第一次使用ProComponents的一些组件，对于自己碰到的一些小坑及样式修改比较耗费时间的地方，进行了记录。本文先说ProTable - 高级表格组件。如果你也对于ProTable 有在苦恼的问题的话，就请看下去吧。注：使用的脚手
转载
2024-03-18 20:44:15
781阅读
废话学习了Mock、Service和page的基本相关知识，勉强能够将项目跑起来了，突然你会发现，哦豁，model为什么没有用到，这个是干嘛的呢？接下来我们就来学习一下。建议学习Model之前其实建议先去看看DVA的相关教程，有个理解，看起来不是那么费劲，或者你死记也可以。为什么推荐先看看DVA呢？因为你看懂了那就很牛逼，看不懂了了解一下对下面也有帮助，因为Model就是用Dva写的。model倒
转载
2024-06-26 15:25:00
103阅读
内网环境Ant Design使用离线Icon图标资源
使用环境：开发环境内网 node + React + antd
第一种方法： [推荐]本人想出来的方法
第一种方法[原创]： 想在网上找到的第二种方法，试验一下可以。但是我不想 失去按需加在css的功能，所以自己查看antd模块源码，终于被我找到 定义 字体和图表文件请求路径的位置。只需要替换 该
转载
2024-08-01 09:28:15
59阅读
这篇文章主要为大家介绍了ant design vue 图片预览组件自定义样式方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪−目录版本：场景：需求：版本：ant design vue 3.2.4场景：使用Image图片组件预览功能需求：自定义预览遮罩层及预览图片的样式；不得影响到其他页面or组件的样式；for example，下图是
原创
2024-01-07 08:35:19
1417阅读
遇到的问题：自定义modal的样式，修改radio/ radio group 的样式。modal 里面需要一个list 列表，列表有单选框，并且可以确认。
原创
2024-04-14 09:20:17
372阅读
最近接手了一个react项目，里面需要用到折线图，看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档，发现好多地方的属性与echart区别很大，甚至用法都不一样了。最终结合文档，对属性一 一 试用了解，完成了任务。现给与记录，以便后来再使用方便。实现目标( UI 给图 )
转载
2024-03-07 21:20:18
264阅读
俗话说的好 工欲善其事，必先利其器。笔者在开发 React 项目的时候，总结出一些很不错的 React 库，可以提高开发效率，满足业务需求，接下来将一一介绍它们。UI组件库 Ant Design要说 React 最受欢迎的 UI 组件库，那么我第一个想到的就是 Ant Design，Ant Design 提供了数十种常用的组件，比如 Button，Menu
现在android的抽屉控件很多，android官方也有，但是不符合我想要的样式，于是自己写了一个。我想要的结果是滑动的时候抽屉并不动，而是首页动，android官方的抽屉是首页不动，是将抽屉滑到首页上，qq的样式为首页滑动，漏出抽屉，但是抽屉也是跟随着首页的滑动而滑出来的。ViewDragHelper可以不接触ontouch而控制子view的移动，用来做抽屉也很简单很方便很强大。这个实现我的要求
antd使用小结-table 和 form Form使用中用到的一些方法Table 中columns 中对排序的设置 Form使用中用到的一些方法const { getFieldDecorator } = this.props.form;
<Col xs={6} sm={6} md={6} xl={6}>
<FormItem label="选择区域"&
关注前端达人，与你共同进步 大家好，本篇文章我将带着大家一起学习如何编写自定义组件（Components），通过首先我们来看一个简单的例子，比如我们有一个头像的组件（avatar）用来展示用户的头像，我们只需要创建一次，我们就可以随意将此组件添加至项目需要用到的地方，十分方便。比如如下的集成方式：从上述代码我们可以看出，在项目中集成组件十分方便，就类似一个 HTML 标签
录制的gif图有点渣，但是实际效果还是可以的。因为项目需要绘制饼状图，就很简单的饼状图带一个选中的效果，本来也想使用MPAndroidChart这个库的，但是觉得就实现一个效果引用整个库，对于一个有态度的程序员来说，内心是拒绝的(我不是装逼的人)，所以自己自定义了一个，写的不好仅供参考。要做这么一个效果，我们应该分几步来写，1.先做一个静态的饼状图2.然后加上属性动画，有一个绘制的过程(这里有个难
转载
2024-03-21 12:26:38
519阅读
1.创建项目使用vue-cli V3.0+创建项目vue create antd-vue-theme-demo 选择css预处理器(其他的根据项目所需选择) 由于ant-design-vue的样式使用的是less作为开发语言，所以这里我们选择Less 其他的根据自己的需要配置即可,创建完成 注意：项目创建完成后，需要将less的版本号改成3.0以下，
转载
2024-04-11 18:56:58
132阅读
安装 ant-design-vue
$ npm i --save ant-design-vue
main.js 中配置，完整引入import Vue from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’
import store from ‘./store’
// 引入 antdv
import Antd from
转载
2024-06-20 13:12:25
1044阅读
文章目录常用属性常用事件递归嵌套多级菜单效果 版本ant-design-vue: "^1.7.4",常用属性属性说明默认值mode菜单类型，现在支持垂直、水平、和内嵌模式三种verticalinlineCollapsedinline 时菜单是否收起状态theme主题颜色(light/dark)lightopenKeys(.sync)当前展开的 SubMenu 菜单项 key 数组defaultO
转载
2024-02-27 12:00:01
1051阅读
2017-09-20 <FormItem {...formItemLayout} label="主机名" hasFeedback> {getFieldDecorator('hostName', { rules: [{ required: true, max: 20, message: '请输入主机名
原创
2022-05-05 12:16:50
1038阅读
ant打包发布web工程到tomcat<project basedir="." default="publish" name="anttest">
<target name="init" description="设置初始化打 war 包需要的路径变量">
<property name="name" value="anttest"/
1、github上发现富文本编辑器：官网地址及github地址2、结合react+antd的具体使用：案例使用场景：MyModal为弹窗，弹窗显示 编辑名称及描述。描述使用wangeditor富文本编辑器实现。MyModal.jsimport { Form, Modal, Input, Row, Col } from 'antd';
import Editor from 'wangeditor';
开始因为项目里一个更换皮肤的功能，虽然antd官网给出了更改主题的方法，但那是静态的，没办法在线上更换，然后发现网上在这方面的资料也并不多，这个业务难道不是应该很普遍吗？然后我就花了一些时间去解决了这个问题，并将踩过的坑写出来，再给出解决方案。antd-theme-webpack-plugin这个工具是我在网上找到的。下面是这个包的文档，但这个文档实际上写的并不清楚，我在按文档写的过程里遇到了很多
Table,是antd中一个我们经常使用的组件，在官方文档中给出了非常详细的实例以及API，但在我们在使用过程中可能需要根据项目的要求来定制空状态时的展示。什么是空状态呢？在antd的官方文档中他是这么说的当目前没有数据时，用于显式的用户提示。初始化场景时的引导创建流程。我们需要做的就是要自定义Table的 Empty（空状态），但是在查询官方文档的过程中，我们并没有发现Table组件提供修改Em
一、业务需求描述1. 能够拖动表单组件（不限制样式）到指定区域后，渲染成指定的组件 2. 能支持自定义标签名和属性，以及默认值 3. 能实现可支持预览、可排序、可编辑等功能 4. 能通过JSON数据格式前后端相互传递二、业务前期准备1. 在网上搜索了蛮多素材，但都是基于VUE的成品（http://www.maoyl.top/Demo/elformdesigndemo/index.html），与实际
