在使用阿里的ant design vue框架时，使用下拉菜单a-select等组件，用在a-model组件上，发现垂直滚动的时候，a-select不会跟着走，停留在原地 a-select这么写可以解决 <a-select :getPopupContainer="(triggerNode) => triggerNode.parentNode" ></a-select> a-date-picker这么写可以
{ title: formatMessage({ id: 'OPERATE', defaultMessage: '操作' }), dataIndex: 'id', key: 'id', ellipsis: true, render: v => { const obj = { childr
/** Request 网络请求工具 更详细的 api 文档: https://github.com/umijs/umi-request */ import { extend } from 'umi-request'; import { notification } from 'antd'; const codeMessage: Record<number, string> =
今天，测试提了个单，在使用伟大的50.2版本的火狐浏览器打开项目的页面呈空白页，并控制台报错，如下 真是一头雾水，发现是引入antd的table组件造成的，但是原因不清楚。然后用伟大的50.2火狐浏览器打开antd官网（4.16.0版本），发现官网上面table也报错。那就是浏览器兼容性的问题了。但是之前
文章目录 一、使用Antd-mobile（1）下载antd-mobile（2）使用 二、修改配置颜色（1）安装包（2）修改package.json（3）根目录新建config-overrides.js法一：直接在modifyVars修改法二：根目录下新建antd-theme.json文件 注意： 一、使用Antd-mobile （1）下载antd-mobile $ npm install antd-mobile -
再引用antd表格的时候经常用到分页，但是设置如上图多少条每页的时候默认是英文的状态，前几天因为用到所以自己摸索了一下如何变成如上图的中文字样。 很多文章提到这是antd的国际化设置，没错在引入antd的时候会带有中文语言包。 可作如下操作： import React from 'react // 在需要用
1.全局样式 色彩 色彩体系主要分为两个层面：系统色彩体系以及产品色彩体系；系统色彩体系是系统的一些基础颜色，产品级色彩体系更多的是根据产品诉求不同而使用的颜色（像品牌色，功能色之类的） 色彩在使用时更多的是基于信息传递、操作引导和交互反馈等目的 布局 UI界面的空间布局
1、输入框事件（尝试过keyup或者keydown，但是devtool显示是input事件，所以…） HTML <a-input @input="getNum" :maxLength="10" :disabled="isDis" v-decorator="[ 'setNum', { rules: [{ required: true, message: '请输入'
一，初始项目搭建 npx create-react-app my-app cd my-app npm start 二，项目的目录结构设计 1，新建项目后把src下的东西全删除 2，然后创建相关的目录结构： 三，初始化配置移动端项目文件 1，引入antd-mobile 官网：https://mobile.ant.design/docs/react/introduce-cn 安装： npm insta
总述 第一章目的：因为有软件危机，所以我们需要一种方法来减少危机，规范化。 第二章：可行性研究：研究软件能不能开发 第三章：需求分析：可以开发之后，明确一个软件的最基本的功能 第四章：形式化说明技术：开发软件所使用的形式化的方法 第五章：在大的一个范围去设计如何实现一个功能 第六章
最近做了一个需求，后台管理系统添加一个可以动态修改ant-design主题色。查询了大多数的文章，发现基本都是抄来抄去，而且文章记录的也一点也不详细。刚刚把这个功能做完了，顺便记录一下如何去修改主题色。主要使用到的包是antd-theme-generator。使用起来非常方便，而且在热更新时，不会出
<FormItem label="登记时间" className="four-word-padding"> {getFieldDecorator('dates', { initialValue: dates, })(<RangePicker disabledDate={disabledDate} format="YYYY-MM-DD" />)} </Form
1、在data中声明 pagination变量 pagination: { total: 0, pageNum: 1, pageSize: 10, //每页中显示10条数据 showSizeChanger: true, pageSizeOptions: ['10', '20', '
背景 隔壁 zym 同事遇到了一个问题，在编辑表格时，每输入一个字符后都会失去焦点，需要重新点击聚焦后才能继续输入，如图： 原因 归根结底，是关于 key 的问题。原先的代码中，components 在 render 中，然而在每次 setState 后都会触发 render，因此相当于每次 components 都是一个新变量、新
eslint报错： Line 4:8: 'qs' is defined but never used no-unused-vars // eslint-disable-next-line 安装不同版本 npm i <alias>@npm:<packageName>@版本 # 例子 npm i antd3@npm:antd@3 npm i antd4@npm:antd@4
效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns"
废话不多说上代码： import React, {Component} from 'react'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import {ConfigProvider} from 'antd'; import ReactDOM from 'react-dom'; import App from './App'; import
DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from "moment"; import "moment/locale/zh-cn" format属性，设置日期的格式，如“2020-02-28”。 设置日期 选择日期是今天之前【包含今天】 需要和moment搭配应用 // 设置默认的起始日期 const
antd Table 组件columns列表设置有宽度，但就是不生效 解决方案： 设置scroll的width等于所有列宽之和（scroll={{x: 100%}}）
注释： 要用openKeys，然后onOpenChange修改数据
一、antd的按需引入+自定义主题 1.安装依赖：npm install react-app-rewired customize-cra babel-plugin-import less less-loader antd 2.修改package.json ....
使用vue_cli生成项目 引入ant-design-vue 使用cnpm引入ant-design-vue cnpm install ant-design-vue --save cnpm install antd-init -g 修改main.js加入依赖 在文件中全局引入 //引入ant-design-vue import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css'
Node.js设置跨域 app.use('*', function (req, res, next) { // 设置请求头为允许跨域 res.header("Access-Control-Allow-Origin", "*"); // 设置服务器支持的所有头信息字段 res.header("Access-Control-Allow-Headers", "Content-Type,C
一、查看antd文档发现表单项的值不能通过设置状态来更新，我们应该使用form.setFieldValue来更新 antd v4动态表单setFieldsValue如何设置嵌套路径的值？ https://segmentfault.com/q/1010000023608785?utm_source=tag-newest formItem是动态渲染出来的，所以此处的listIndex 是一
默认支持modal宽度修改但是高度.ant-modal-body，默认不支持修改，所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式 可以看到修改成功效果：
