AntD 第38页

【antd】滚动触底加载分页

//滚动计算letscrollRef:any//滚动加载下一页constonScrollCapture=e=>{//scrollTop会有小数点导致等式不成立，解决方案：四舍五入if(Math.round(scrollRef.scrollTop)+scrollRef.clientHeight>=scrollRef.scrollHeight){console.log("触发触底")}}表格结构：{/

longlongfishday·2023-09-14 08:23

react-hook+antd-mobile ListView长列表分页

用react-hook+ListView实现长列表分页，代码如下：import{ListView,ActivityIndicator}from'antd-mobile';importReact,{useState

si_li·2023-09-14 08:52

antd中List组件设置分页居中

问题描述：想要对List组件的分页进行居中展示，但是查看了官方文档发现pagination没对于位置的设置只有三种可以选择，一度不知道该如何让分页居中显示问题解决：换了一种思路，不再使用List自带的pagination属性，而是使用其Pagination组件进行分页展示但是坑爹的是，官方文档里Pagination连position属性都没有进行描述。（十分惊喜，呵呵）最后，我给其设置了style

Fliessenn·2023-09-14 08:49

antd-vue下拉框select搜索添加分页功能

直接上代码,其他功能可以自己加e.preventDefault()"@click="changePage(0)"style="cursor:pointer">上一页e.preventDefault()"/>{{nowPage}}/{{maxPage}}e.preventDefault()"@click="changePage(1)"style="cursor:pointer">下一页{{item[

栗子One·2023-09-14 08:19

antd a-list 添加分页

会分为三部分template{{item.name.length>20?item.name.substr(0,20)+'...':item.name}}查看下载删除分页最主要的代码：paginationdata//分页展示的数据localData:[],//整体的数据localDataSource:[],//加载第一页的页数页码数currentPage:1,//每页条数pageSize:14,js

努力搬砖的小码·2023-09-14 08:17

antd表格数据添加文字提示

实现效果：具体实现：在表格内容中添加以下内容customRender:function({text,record,index,column}){returncreateVNode(Tooltip,{placement:'left',title:text},text)}时间这样处理{title:'更新时间',dataIndex:'updateTime',width:90,align:'center'

Julyued·2023-09-14 06:52

封装antd的按钮组件颜色（vue3）

antd自带的颜色比较少，如果想用到别的颜色需要我们自己封装。

Julyued·2023-09-14 06:51

单页应用「SPA」下微信 JSSDK 签名失败

最近在用React撸一个微信上的SPA因为组件是AntdAntd-Mobile结合来用，所以框架上是采用的DvaDva默认使用的是hashHistory路由，但是我改成了browserHistory然后给自己挖了个天坑

iSakura·2023-09-14 03:54

Missing semi-colon or unrecognised media features on import 报错

写react时候关于less的css文件@import"~antd/dist/antd.css"报错解决方案：少了；改写成@import"~antd/dist/antd.css"；就没有问题了

陆碌·2023-09-14 00:53

前端表格导入,解析表格数据传给后端效果

1.此功能用的vue3+antdesignVue3上传EXCEL将以上表格内容转换为正常数组对象格式:[{classifyName:"酒水饮料",costPrice:2.5,name:"红牛",needSale

一只开心鸭！·2023-09-13 19:00

最详细修改antd组件select的滚动条样式

自带的select的滚动条样式又黑又粗,丑陋.接下来我们改造他初始代码.contain{.btn{margin-top:60px;margin-left:60px;:global{.ant-btn{width:200px;height:100px;border-radius:6px;}}}}首先用到popupClassName(4.23.0以上),以下的就别凑热闹了,用dropdownClassN

实习小子·2023-09-13 14:56

最详细的修改antd组件的默认样式

对于antd库的我们都很熟悉,但也有很多业务要求去修改里面的样式.示例:比如这个一个很正常的按钮,我想要控制它的大小和颜色.看到组件button上面是带着两个class的先来控制他的大小我的元素结构PrimaryButton

实习小子·2023-09-13 14:25

react脚手架 + antd的craco.config.js配置

拉取脚手架执行以下命令$npxcreate-react-appantd-demo->启动cdantd-demo->yarnstart安装antdyarnaddantd修改src/App.js，引入antd

V8贤·2023-09-13 12:48

React 实战 | 解决引入Antd报警告JSX element type 'RadioGroup' is not a constructor function for JSX elements.

使用公司里的脚手架搭建react项目，但是在使用antd组件时，会显示警告：JSXelementtype‘RadioGroup’isnotaconstructorfunctionforJSXelements

辣爷·2023-09-13 11:55

React中提示Button不能用作JSX组件

今天新建umi项目的时候去引入antd的组件.老是一直爆红解决方法:如图就可以啦(记住自己的文件要把react引入进来哦)

实习小子·2023-09-13 11:55

【React + Ant Design】表单如何在前置项未填写时禁止后置项交互并提示

在react+antd中，对表单做在前置项未填写时禁用后置项交互并提示的效果。情景最近有这么个需求，某个业务中，要填写一张表单，其中有这样两项：选择数据连接和选择数据表，数据表是数据连接下所拥有的表。

Evanpatchouli℃·2023-09-13 09:35

antd + react + less 配置

yarncreatereact-appantd-demo-ts--templatetypescriptyarnaddbabel-plugin-importyarnaddless-loaderlessyarneject

武_b070·2023-09-13 07:33

antd react 文件上传只允许上传一个文件且上传后隐藏上传按钮

antdreact文件上传只允许上传一个文件且上传后隐藏上传按钮效果图代码解析效果图代码解析import{Form,Upload,message}from'antd';import{PlusOutlined

跳跳的小古风·2023-09-13 06:25

Ant Form使用总结 —— FormList

image.pngimportReactfrom"react";import{Form,Input,Row,Col,Button}from"antd";//initalValue.files有一元素可直接显示一行样式可以实验性看下样式

赖次Go·2023-09-13 06:53

测试开发【Mock平台】11基础：拦截器服务实现(二）事半功倍的WebMvcConfigurer

【Mock平台】为系列测试开发教程，从0到1编码带你一步步使用SpringBoot和AntdReact框架完成搭建一个测试工具平台，希望作为一个实战项目对各位的测试开发学习之路有帮助，大奇一个专注测试技术干货原创与分享的家伙

Mega Qi·2023-09-13 06:50

React Antd 按需加载

使用create-react-app创建好项目后yarnaddantd第一种方法babel-plugin-importnpmruneject此时会提示，该命令不可逆，是否继续，输入y，这样所有配置项就都出来了

我也不知道啊丶·2023-09-13 04:36

亚信科技AntDB数据库完成中国信通院数据库迁移工具专项测试

近日，在中国信通院“可信数据库”数据库迁移工具专项测试中，湖南亚信安慧科技有限公司（简称：亚信安慧科技）数据库数据同步平台V2.1产品依据《数据库迁移工具能力要求》、结合亚信科技AntDB分布式关系型数据库产品

亚信安慧AntDB数据库·2023-09-13 01:09

AntDB数据库参加ACDU中国行杭州站，分享数据库运维实践与经验

AntDB作为具有技术前瞻性的国产数据库产品，积极分享15年行业实践经验、线上线下展开丰富的学习和交流活动，致力于推动数据库行业的繁荣发展。8月19日，ACDU中国行·杭州站于杭州西溪万怡酒店举

亚信安慧AntDB数据库·2023-09-13 01:37

react+xlsx+antd 封装导入表格实现数据展示的方法

业务需求:要求前端实现excel导入自动展示在table中封装核心代码importXLSXfrom"xlsx";exportfunctionimportFile(file,params){returnnewPromise((resolve)=>{letfiles=file.file;letfileName=files.name.split('.');fileName=fileName[fileNa

不食人间烟火的疯子·2023-09-12 23:14

antd pro ProForm 去除自动填充不生效

antdproProForm去除chrome自动填充不生效chrome对表单会自动填充，特别对username、password、email。相信chrome初衷是好的，但对开发制造了不少麻烦。

小子宝丁·2023-09-12 23:27

JeecgBoot Vue2前端国际化语言切换

JeecgBoot-antdVue2前端国际化语言切换jeecg官方文档：参考jeecg前端的国际化解决方案：参考一.需求场景后台管理系统，放置一个中英文切换选择按钮。

bug0到1·2023-09-12 22:33

Android mvvm 之 databinding 原理

样例分析——谷歌sunflower的改造2.1Data——FakeData2.2View——fragment_plant_detail.xml2.3ViewDataBinding——FragmentPlantDetailBinding2.4

码农小舍·2023-09-12 21:06

elementUI el-form-item表单验证怎么显示后台返回的错误信息

登录错误是后台计算，但是需要在前端显示：如图解决办法elementuiel-form-itemAPI有error属性：具体代码设置error属性把后台返回的结果赋值即可相关文章基于ElementUi&Antd

wocwin·2023-09-12 13:26

2019-07-19 ES6中import几种导入方式的区别

importReactfrom'react';import'echarts/lib/chart/line';import{Select,Menu,Breadcrumb,Icon,Popover}from'antd

lena_b870·2023-09-12 07:39

设计是门艺术·2023-09-12 06:54

学习总结

在每次删除之后需要对盖索引值-12、form表单学习（1）、initialValueform中，我们经常会使用initialValue去初始化数据，（2）、validator使用validator进行校验，在项目中，很多时候antdapi

Tina任·2023-09-12 06:42

关于react项目打包后antd样式引用不生效的解决方案

在webpack.config.dev.js文件和webpack.config.prod.js文件下原始写法如下：需要将文件中的style修改为‘css’,代码如下：然后重新打包即可，soeasy!!!

HD平常心·2023-09-11 15:11

React监听滚动条事件——页面跳转后返回当前滚动条位置

滚动条所在元素是antd中layout部分，ref半天取不到dom元素，索性直接用id取得dom元素。

芒果加奶·2023-09-11 14:56

antdesign框架如何使用高德地图（搜索）

首先需要在项目中引入高德地图的JSAPI，可以在官网上申请并获取APIkey进行使用。具体步骤如下：安装高德地图的JSAPI，可以通过npm安装：npminstall--save@amap/amap-jsapi-loader2.新建一个文件名字随便起（map.tsx）importAMapLoaderfrom'@amap/amap-jsapi-loader';import{Button,Input}

晓同哇哇~·2023-09-11 08:35

ant design pro 中ModalForm的参数open无法控制的问题

根据antd自己的说明，visible这个参数在下个版本会被替换成open，所以今天我试着用open。但是用了open之后发现这个model弹不出来，用visible是正常的。那么问题在哪呢？

llsxily·2023-09-11 06:48

vue antd 卡片列表 hover 实现

exportdefault{data(){return{hoverId:null,}},methods:{enter(id){console.log('enter-----------');console.log(id);this.hoverId=id;},leave(id){console.log('leave-----------');console.log(id);this.hoverId=

天魔老师·2023-09-11 01:38

ant desgin pro vue 表格和分页一起用，分页跳转回车不执行change事件的问题

antdesginprovue表格和分页一起用，分页跳转回车不执行change事件的问题.问题分页组件的跳转回车死活不触发事件，后面下载一了一个号的版本号就可以了打开package.json配置文件，如果

古城老巷_li·2023-09-11 01:02

用原生JS实现虚拟列表

最近在开发需求的时候，有用到Antd的虚拟列表组件rc-virtual-list，粗略地看了一下源码，于是萌生了自己写一个虚拟列表的想法。

fanfei_666·2023-09-11 00:42

解锁前端Vue3宝藏级资料第四章 VUE常用 UI 库 1 ( element-plus,Ant ,naiveui,ArcoDesign)

AntDesignVueelement-plusnaiveuiArcoDesignBootstrapVueBuefyChakraUIFramevuerkOrugaTachyonsTailwindCSSNutUIVantVuetify.js

Zht_bs·2023-09-10 23:49

react 封装antd table 第一版---

封装antdtable所用依赖antd5、@ant-design/icons、react18实现代码table组件import{Table}from"antd"import{TableProps,MenuDataType

Έι·2023-09-10 23:17

移动端 antdMobile tabs + 锚点滚动定位功能

一、需求antdMobiletabs当锚点使用中，发现存在一个问题：最后一个锚点的内容如果高度很小，则选不到最后一个节点。

一条大河全靠浪·2023-09-10 22:49

React + Antd 实现一个TodoList

前言打工人的一天，没用TodoList之前，先完成优先级高的任务，做完之后花一分钟思考下一个任务，突然间又插一个任务进来，然后又忘了下一步要干什么，弄的手忙脚乱。下班前写日报，翻聊天记录，看代码，看cr，总结自己做了什么。用了TodoList之后，首先列一个待办清单写下这一天所需要完成的工作内容，完成之后勾选一下，中间有需求插入，就再新建一个任务，有条不紊的完成一天的工作，最后再根据已完成项总结出

hz.ts·2023-09-10 20:56

Excel间隔列数据，批量填充内容

+F11打开VBA编辑器2.在VBA编辑器中，点击菜单栏的插入，选择模块3.在新建的模块中，插入以下VBA代码：Sub填充单元格()DimlastRowAsLongDimfillValueAsVariantDim

乌漆帅黑·2023-09-10 18:01

关于antd如何在表单外点击触发表单验证的问题

由于业务需要，表单过大的问题，我把表单和提交按钮分开成了两个组件，如图：需求草稿涉及知识点：父子通信，ref的使用解决思路：1.点击按钮时告知父级这一行为：按钮组件import{Button}from'antd

换昵称了·2023-09-10 16:17

拆分Todo的UI组件和容器组件

1.在src目录下新建一个TodoListUI.js文件importReact,{Component}from'react';import{Input,Button,List,Icon}from'antd

路人_Ding·2023-09-10 10:58

react-移动端项目

移动端项目一明确案例的需求需要理解的概念有：手机验证码的登录手机验证码的获取第三方平台的授权登录第三方平台用户信息的获取二antd的基本使用需要理解的概念有：React的UI框架有哪些https://ant.design

程序媛~~~·2023-09-10 07:46

React 开发一个移动端项目（1）

技术栈：项目搭建：React官方脚手架create-react-appreacthooks状态管理：redux、redux-thunkUI组件库：antd-mobileajax请求库：axios路由：react-router-dom

偷光·2023-09-10 07:15

Ant Design Pro笔记

文章目录参考资料初始化目录结构参考资料AntdPro食用笔记（一）——基本使用初始化两种途径：一、npm等工具下载最新版本框架使用。二、github官网地址找需要的版本并修改对应依赖。

QLUGCL·2023-09-10 06:37

vue自定义指令v-loading（vue2和vue3)

效果vue2写法1.目录结构：2.代码实现/directives/loading/loading.vueloading效果页面（此处使用的antd下面的组件，可自定义）exportdefault{data

王哈哈的学习笔记·2023-09-10 05:20

vue el-table 表头搜索（筛选）功能实现分析（零）

重点：先看一下最终的实现效果如果是你想要的就可以看下去~分割线由于公司一部分业务是antd写的，一部分是element写的antd的table内置了搜索功能，像下面这样但是element中只内置了如下的筛选功能虽然可以用下面的自定义表头实现相应功能但是用起来不是太优雅

dangsh_·2023-09-10 03:06

推荐频道

AntD