AntD 第25页

Vue Cli4+antdv项目搭建问题记录： warning in ./node_modules/[email protected]@ant-design-vue/es/config-pr

执行启动项目命令npmrunserve，出现警告warningin./node_modules/[email protected]@ant-design-vue/es/config-provider/index.js"export‘default’(importedas‘Vue’)wasnotfoundin‘vue’修改babel.config.js文件，配置babel-plugin-im

坚持努力才最重要·2023-10-27 18:58

基于vue3+antDesign2+echarts 实现雷达图

右上角时间选择器的实现修改ant组件样式根据原型图，该选择器为月份时间选择器，使用a-month-picker，但原始的月份选择器样式与设计图不符，需要进行修改，修改有分为两部分：1.选择框；2.额外弹出的日历选择框样式修改修改ant组件时应避免全局修改，如使用less语法，对ant组件的修改应在该页面的class下@vw:19.2vw;@vh:10.8vh;.ping_index{.ant-pi

Ningal0717·2023-10-27 17:58

页面打印功能，单选框多选框选中后，打印时不显示选中效果

使用antdv，或者element-ui时，如果对页面进行打印，存在单选，多选样式无法显示的情况，在打印预览界面--》更多设置中，背景图形选中就可以了。

种地的码农·2023-10-27 16:52

scratch3.0之引入antd

但是UI部分写css真的是很让我头皮发麻，所以考虑引入antd。引入antd不难，难得是webpack配置。

LiviSun·2023-10-27 10:22

Ant Design Pro 2(GZIP压缩优化)

那就飞了吧·2023-10-27 08:00

react-player实现视频播放与自定义进度条

环境react.jsantdesignpro4.0实现效果代码importReactfrom'react'import{PageHeaderWrapper}from'@ant-design/pro-layout

qq_41315539·2023-10-27 06:46

前端伪进度条实现(仿antd message使用react组件静态方法)

文章目录背景实现方法(一)react组件静态方法(二)通过静态方法改变组件的状态(三)指定进度条的步幅规则(四)成功和失败的状态改变1.成功2.失败(五)组件消失(六)背景遮罩最终实现及代码组件代码模拟调用进度条组件的代码可能遇到的问题静态方法调不到/报错组件渲染两次背景react项目中,有些页面加载很慢,为了提升用户体验,需要在前端做一个伪进度条,并且把这个伪进度条封装成一个组件,提供给多个项目

Charonmomo·2023-10-27 06:03

React:rc-bullets 弹幕

declaremodule'rc-bullets';在src目录下新建一个types目录在types目录下新建一个index.d.ts文件添加代码declaremodule'rc-bullets';import{Button}from'antd'importHeadfrom'next

精神病患者link常·2023-10-26 20:19

为什么引入SVG文件，给它定义属性不生效原理分析

背景：我使用antd的Icon组件引入SVG图片，但给svg图片定义styles样式时，不生效，为什么呢？我们平时用antd组件库的时为什么会生效呢，但我图一这样定义就不生效呢？

一路向阳~负责的男人·2023-10-26 19:30

react轮播图swiper.js和antd走马灯的使用

本文主要记录两种方法的使用以及使用过程中遇到的问题。本来很久之前就要写了，一直拖着，结果第二次又踩坑了上次同样的问题，一定得记录下来提醒自己！一、Swiper这是swiper.js官网1、引入swiper和swiper样式//index.jsimportSwiperfrom'swiper'import'swiper/css/swiper.css';一定要记得引入样式，不然展示效果会有问题。不同版本

咸鱼翻身不想当咸鱼·2023-10-26 18:25

antd4.x版本 react DatePicker 日期选择框自定义按钮弹出日期弹窗

/index.less';import{DatePicker,Button,DatePickerProps}from'antd';importtype{RangePickerProps}from'antd

愤怒的佛手瓜·2023-10-26 18:21

antdesign Vue，使用table表格组件和Descriptions 描述列表组件。制作表格，改变边框样式和字体颜色样式。

这里是antdesign默认的样式我们想要的：将边框颜色加深，字体颜色加深这里我封装了一个css文件：/*打印弹窗的所有字体颜色加深，table和descriptions*//deep/.ant-descriptions-viewtabletbodytrth

予你@。·2023-10-26 18:45

这个 Spring Boot 项目真的强，强大的代码生成器让前端和后台代码一键生成！

采用前后端分离架构：SpringBoot，Mybatis，Shiro，JWT，Vue&AntDesign。

程序员追风·2023-10-26 17:34

ant-design实现树的穿梭框，穿梭后右侧是已选树（二）

根据上一篇目标一，进一步实现树的穿梭框头部搜索功能有点问题，处理bug在文末，咨询可私主要内容:基于ant-design树的穿梭框，实现穿梭后右侧是已选树，（当前antd右侧只有一个层级）理想的树的穿梭框

Embrace924·2023-10-26 17:45

babel-plugin-import 按需加载原理

假如需要转化的源码是import{Button}from"antd";console.log(Button);配置是//babel.config.jsconstplugins=[["babel-plugin-import

东都花神·2023-10-26 15:59

ant-design for angular的常用组件类

新建文件antDesign.module.tsimport{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';

zwjapple·2023-10-26 12:07

在React+Antd中，如何获取input的value

1.首先引入受控组件useStateimport{useState}from"react";2.给变量赋值const[inputa,setInputa]=useState()3.给input设置如下代码（value和onChange），注意命名setInputb(e.target.value)}/>4.此时就可以获取到input的value了console.log(inputb);

ji_mao·2023-10-26 11:38

ng-zorro-antd 标签组件tag 实现回车连续新增

zorrotag实现编辑状态、连续新增先看实现效果官网给的示例只有新增、删除，并且不可连续新增。自己制作实现这两个状态。下面直接贴代码了模板中代码：{{sliceTagName(tag.text)}}点我新增CSS代码.editable-tag::ng-deep.ant-tag{background:rgb(255,255,255);border-style:dashed;}ts代码import{

weixin_34198797·2023-10-26 11:08

react+antd Input回车输入生成tag组件

实现的组件样式focus效果代码：importReactfrom'react'import{Input,Tag,Tooltip}from'antd';import{CloseCircleFilled}from

璐瑶知码li·2023-10-26 11:07

react-antd-date日期默认英文，改成中文（中英混合）

importzhCNfrom'moment/locale/zh-cn'//3、使用法2、安装dayjs//1、安装npmidayjs-S//2、引入//在index.js中使用import{DatePicker}from'antd

outstanding木槿·2023-10-26 11:37

react----antd(1)

表长度校验128字节其他输入框后端规定多宽就设置多宽form表单高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。参数说明validateFields触发表单验证(nameList?:NamePath[])=>PromiseresetFields重置一组字段到initialValuesinitialValuesform上设置默认值getFieldsValue获取一组字段名对应的值，会

kjs--·2023-10-26 11:36

react使用antd的Input组件，实时监听value变化

需求Input组件使用父组件props传过来的属性值作为初始值页面含有很多个Input框，都要支持修改，如何实现。解决给每个input框加一个唯一标志属性比如name='xxx'增加onChange事件事件里面获取元素name属性和value值注意：state里面的属性名和name值相同。importReact,{Component}from'react'import{Row,Col,Input,

fang·up·ad·2023-10-26 11:35

解决antd/antd-mobile等input输入后自动失焦的问题

这个问题主要发生在render该组件时存在if判断或者switch判断的情况下，数据变更后引起组件重新render，导致input也被重新渲染，肯定会自动失焦，解决办法也很简单，把input部分抽离出来单独封装成一个小组件，组件内部数据变动不引发外部父组件重新render，就可以解决自动失焦的问题

祝鸭子·2023-10-26 11:33

React + Antd 4.0 手机号输入框含验证的完整示例

新手入门，上手后到处翻资料，发现antd3.0与4.0的差别很大，边做边整理一些实用的代码供大家参考这里有一个坑：很多相关文章里使用到的getFieldDecorator方法，是只适用于antd3.0的

gzericlee·2023-10-26 11:03

react-hook-form 中 antd 组件Input 输入按字节限制长度（汉字占2个字节，字母1个字节）

input和antd中Input组件的maxLength只统计字符长度，中英文标点都算一个长度，所以为了实现这个需求，只能在onInput中监听输入的事件，判断输入的内容中汉字的个数和非汉字的个数。

dhw276·2023-10-26 11:32

antd 组件 Input 输入值

importReact,{useState}from'react'import{Input}from'antd'exportdefaultfunctionApp(){const[value,setValue

cztAI·2023-10-26 11:32

antd 表单中的输入框使用Tooltip组件

1、有时项目中会遇到表单中某个表单项的内容过多而导致展示不完整，如图：2、使用Tooltip组件html:{{tipsTxt}}js:data:{tipsTxt:""}methods:{this.$nextTick(()=>{formData=this.form.getFieldsValue();for(letiinformData){values[i]=data[i]||data[i]==0?d

心若向阳(*￣︶￣)·2023-10-26 11:02

前端3 --- 回车实现输入框切换

本章目的：react实现输入框之间的切换（跳过disabled）代码：importReactfrom'react';import{Button,Input,Form,Select}from'antd';

今天备忘录了吗·2023-10-26 11:30

react-antd组件 input输入框：实现按回车搜索

目录法1：法2：法1：在Input组件上绑定onKeyUp方法import{Input,message}from'antd';classAppextendsReact.Component{handeleSousuo

outstanding木槿·2023-10-26 11:57

antd table 多级表头添加合计行，并固定在最后一行

/***@param{table列}columnsData*@param{table的数据}data*@param{返回总计行，可以追加【push】到数据源}callback*@param{是否将第一列变成总计}ISOneTotal*@param{指定列求和，为空时求和全部列}sumColumns*/exportfunctiontotalColumns(columnsData,data,ISOne

欲掩不从心·2023-10-26 06:42

react中使用jquery 语法

/css/App.css'import{Button}from'antd';import$from'jquery'letslider_img=['https://cdn.jsdelivr.net/gh/

九霄123·2023-10-26 05:51

react使用 Ant ui框架

react使用Antui框架说明：AntDesign是一个ui框架，和bootstrap一样是ui框架。里面的组件很完善，开发中后台系统非常方便。

九霄123·2023-10-26 05:50

.NET Core前后端分离快速开发框架(Core.3.1+AntdVue)

引言时间真快，转眼今年又要过去了。回想今年，依次开源发布了Colder.Fx.Net.AdminLTE(254Star)、Colder.Fx.Core.AdminLTE(335Star)、DotNettySocket(82Star)、IdHelper(47Star)，这些框架及组件都是本着以实际出发，实事求是的态度，力求提高开发效率（我自己都是第一个使用者），目前来看反响不错。但是随着前端和后端技

dotNET跨平台·2023-10-26 02:54

Ant Design Vue快速入门教程

AntDesignVueAntDesign是蚂蚁金服出品的一款前端UI库，官方的介绍是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

我吐了。。。·2023-10-25 22:41

Reactjs+antdesign 如何实现数字千分位效果

实现效果：数字千分位实现效果图实现方式：代码实现效果，处理数字千分位附代码：（省的一个个敲）formatNumber=(value)=>{value+='';constlist=value.split('.');constprefix=list[0].charAt(0)==='-'?'-':'';letnum=prefix?list[0].slice(1):list[0];letresult=''

何家一枝花·2023-10-25 21:01

关于后台管理系统交互设计的一些思考

所以大部分这种需求都是以实现主要功能为主，一般来讲也不会有专业的UI设计师去设计手稿，所以关于交互设计这方面就都是由前端程序员自我发挥了，好在现在有很多开源好的各种ＵＩ组件库，比如（bootstrap,elementUI,antdesign

哇塞田·2023-10-25 17:21

Fruitful friendship

Inolongercallyouservants,becauseaservantdoesnotknowhismaster’sbusiness.Instead,Ihavecalledyoufriends,

紫罗兰Shirley·2023-10-25 14:59

react+antd中的onchange在监听值的变化时报错解决办法

在项目中监听change值变化的时候报错Thissyntheticeventisreusedforperformancereasons.Ifyou'reseeingthis,you'reaccessingthepropertytargetonareleased/nullifiedsyntheticevent

大盗夕落·2023-10-25 13:51

论文阅读--Crop yield prediction using machine learning: A systematic literature review

摘要：Machinelearningisanimportantdecisionsupporttoolforcropyieldprediction,includingsupportingdecisionsonwhatcropstogrowandwhattododuringthegrowingseasonofthecrops.Severalmachinelearningalgorithmshavebe

追忆苔上雪·2023-10-25 08:11

antd获取/更改form表单数据（表单域数据）

创建ref引用formRef=React.createRef();表单和ref绑定//ref={this.formRef}先给Form获取值varname=this.taskDetailsExportRef.current.getFieldValue('name');varage=this.taskDetailsExportRef.current.getFieldValue('age');更改th

?abc!·2023-10-25 08:59

使用antd pro初始化项目时出现报错：

npmi@ant-design/pro-cli-g出现报错：解决：使用sudotnpmi@ant-design/pro-cli-g：接着procreatemyapp一切都很顺利！！但是在tnpminstall时出现报错：这个问题还未解决。最后启动项目时未报错！！！！！

小七爱喝柠檬水·2023-10-25 05:24

antd Table组件的pagination语言显示问题

`共${dataSource.length}条`,showQuickJumper:true,size:'small',showSizeChanger:true,hideOnSinglePage:true}}/>解决办法：app.vue

world_7735·2023-10-25 02:32

Ant Design 样式使用css module

####antd的less配置不开启cssmodule，但是代码里面想用cssmodule加载样式，方便局部改组件原样式"antd":"^4.18.3","webpack":"^5.65.0","less

owlhpy·2023-10-25 02:41

webpack+react+antd脚手架优化

在之前的文章中了解了webpackv4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。优化类目样式分离第三方资源分离区分开发环境热更新提取公共代码1.CSS分离npminstallextract-text-webpack-plugin-Dwebpack.config.js将css、less、sass文件单独从打包文件中分离+letcssExtract=newExtra

圆儿圈圈·2023-10-25 01:54

2019-02-28在用create-react-app搭建的框架中使用react-intl实现国际化

首先本项目用的antdUI框架，但是没有用LocaleProvider实现国际化，原因是LocaleProvider只实现组件内建文案，若有国际化业务需求，应该用react-intl步骤：1.npminstalreact-intl2

范晓坤·2023-10-25 00:00

Vue的antd多选下拉框增加全选操作

因为antd的多选下拉框没有提供全选操作，我做了一个简易的全选操作data(){return{categoryList,//存放获取到的分选数据category:[],//已选分类数据}}全选{{option.value

菜菜的tommy·2023-10-24 22:35

【PB续命03】借用Oracle的编码解码续命

--Author:GROMS--Created:2023-10-239:18:12--Purpose:编码与解码--Publictypedeclarationstypeis;--Publicconstantde

白龙马5217·2023-10-24 21:07

js实现将文本生成二维码（腾讯云cos）

}from'@ant-design/pro-components';import{Access,useAccess}from'@umijs/max';import{Button,Image}from'antd

HaanLen·2023-10-24 21:22

自学vue笔记—antdesign & iframe

e后端需要自己搭平台，无奈前端资源不够，只能自己摸索着开发，好在需求不难，以这篇文章开头记录一些坑，望后续能够解决1.iframe内嵌网页//api:scrolling()frameborder()allowtransparency()等function随便写{apigetelementbyid对devicewidthlength做操作即可}遇到的坑：自适应大小很好解决网上一大堆教程，但是如查询或

pilijiaotun·2023-10-24 16:26

Warning: [antd: Switch] `value` is not a valid prop, do you mean `checked`?

解决方案：参考链接：https://chat.xutongbao.top/

徐同保·2023-10-24 08:19

推荐频道

AntD