AntD 第25页

nextjs引入tailwindcss 、antd、sass

二、引入步骤1.tailwindcss2.scss3.antd总结前言上一篇介绍了nextjs的配置，这章主要是引入tailwindcss和antd.一、Whytailwindcss？

@LitterFisher·2023-10-29 12:35

antd的ProTable 组件如何给搜索框手动赋值

1.实现如图效果。当路由中包含classesId参数时，表格默认查询该分类下的数据，使用的ProTable组件。配置列项时，在所属分类项中添加initialValue，并复制当前路由classesId参数。import{history}from'umi';constclassesId=history.location?.query?.classesId;constcolumns=[...,{tit

woyaoshengzhang·2023-10-29 08:46

vue3学习（十四）--- vue3中css新特性

deep()scoped的原理插槽选择器:slotted()全局选择器:global()动态绑定CSScssmodule样式穿透:deep()主要是用于修改很多vue常用的组件库（element,vant,AntDesigin

邱先生~·2023-10-29 08:02

【学习笔记】懂你英语核心课 Level 6 Unit 3 Part 1（I）听力 Cyber Theft 1

懂你英语核心课Level6Unit3Part1（I）听力CyberTheft1Johnistheownerofasmallconsultingbusiness.Lastnight,someimportantdocumentswerestolenfromJohn'soffice

豚之大·2023-10-29 05:44

自定义图片loading加载效果 vue+antd-design-vue

需求：要求做特定的图片做数据加载后的loading效果先建loading.vue文件，引入到页面中importLoadingfrom'../../../components/loading'components:{Loading},在template模板区的最上面data中timesSpining:false,在发请求的方法中getListData(){this.timesSpining=true

办公室的忍者·2023-10-28 20:12

一款基于antdesign vue研发的后台管理系统

项目介绍一款PHP语言基于Laravel8、Vue、AntDesign等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷

理查德.克莱德曼·2023-10-28 19:49

Artiely Vue Admin - 基于蚂蚁金服Ant Design构建的高颜值开源管理后台UI框架

继承AntDesign专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统UI框架。

那些免费的砖·2023-10-28 19:17

基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行

Github地址：https://github.com/anncwb/vue-vben-admin文档地址：https://vvbin.cn/doc-next/UI框架TailwindCSSAntDesignVue2.0

「已注销」·2023-10-28 19:13

使用ant-design-vue开发后台管理系统（一、环境配置及项目创建）

简介AntDesignVue是使用Vue实现的遵循AntDesign设计规范的UI组件库，其组件功能丰富多样使用简单，开发成本相对来说较低；前提是需要对WEB前端知识以及vue开发有一定的了解，本文开发使用的是

楠木措。·2023-10-28 19:42

ant Design Vue

antDesignVue自定义loading今天又来更新一下踩坑日记希望大家不要跟着一起填坑就好！

Myqqlady·2023-10-28 19:10

Ant Design Vue 2.2.8 表格表单验证

文章目录前言一、element-ui表格验证二、AntDesignVue1.1.5表格验证二、AntDesignVue2.2.8表格验证总结参考文献前言刚刚接触AntDesignVue2.2.8有一个简单的需求需要实现表格的表单验证功能

Wannaer·2023-10-28 19:10

Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】

#OR$yarnglobaladd@vue/cli使用组件#安装[email protected]全局完整注册import{createApp}from'vue';importAntdfrom'ant-design-vue

杀死一只知更鸟debug·2023-10-28 19:07

.vue 怎么变成 .js，我们来试一试！看完会更懂 Vue 吗？

本文是基于Vite+AntDesignVue打造业务组件库[1]专栏第12篇，坚持就是胜利！接着上篇说，交付一个vue组件不仅需要解析DSL，还要处理JS/TS，样式，类型声明等内容。

前端司南·2023-10-28 15:46

【Ant Design Vue】封装导出Excel文件的功能模块到ele-pro-table

在基于AntDesignVue实现的一个后台管理系统模板的表格组件中添加一个导出excel文件的功能，点击表格右上角的工具栏中的导出图标，即可导出excel文件。

尼罗河花园97·2023-10-28 15:46

【AntDesignVue | Table】纯前端表格导入导出 Table表单复杂表头规则匹配模型

项目场景：1，ant-design-vue使用表单导入展示数据2，项目需求显示为如下图所示，故涉及复杂表头的处理和显示3，本篇文章主要以复杂表头的处理讲解为主，简单表头导入导出均引入xlsx之类的插件即可使用循环对应产品属性的参与者信息并且标记填充展示功能分析：1，导出的效果，如果用原生自带的程序，是不会将两级复杂表头导出的，会默认展示两层表头的第二层，比如这样；由于没有一级表头的区分，故二级的信

曲江涛·2023-10-28 15:14

ant design vue 表格 Table 实现导出功能

当你搜这个问题的时候，我想你已经知道了AntDesignVue的Table组件没有导出功能，比用ViewUI麻烦一点话不多说直接上可以跑的代码供大家参考使用表格写两个，一个导出用，隐藏掉；另一个展示用。

qwe122343·2023-10-28 15:14

日常代码优化实现过程

$antdMessage.warning('请

qq_36437172·2023-10-28 15:43

Vue antdv 下拉菜单不跟着滚动走（getPopupContainer 使用）

在使用阿里的AntDesignVue框架时，在使用有下拉菜单a-select等组件，用在a-drawer等组件或者页面上的时候，会发现a-drawer等组件能滚动的时候，a-select等组件的下拉菜单不会跟着走

卡尔特斯·2023-10-28 12:26

antdesignvue使用

组件弹出层定位问题:get-popup-container="getTooltipPopupContainer"getTooltipPopupContainer(trigger){returntrigger.parentElement;},:getPopupContainer="(triggerNode)=>triggerNode.parentNode"solt参数按钮-->

萌新不会永远是萌新·2023-10-28 11:55

Antdesign vue 中的getPopupContainer

Antdesignvue中的getPopupContainer举个例子：1.当没有使用getPopupContainer的时候，他们是分开的2.当有使用getPopupContainer的时候，他们是一起的

동경·2023-10-28 11:51

ant design vue中Popover气泡卡片修改样式无效

antdesignvue中Popover气泡卡片修改样式无效最近，新项目用的框架是ant-desgin-vue用到了一个Popover气泡卡片，想要修改气泡卡片的样式。

就叫小黄好了鸭·2023-10-28 11:21

Ant Design Vue中a-select组件踩坑汇总

1、AntDesignVue中a-select组件下拉列表在局部滚动时不跟随问题解决方法AntDesignVue中a-select组件下拉列表在局部滚动时不跟随问题解决方法_银滴子的博客-CSDN博客问题如下

Angular baby·2023-10-28 11:14

vue2.0 antdesign时间框和下拉框跟随页面滚动问题

在使用a-date-picker组件的过程中，发现如图问题，a-select也会有这个问题，但是添加上如下代码就迎刃而解了。 :getPopupContainer="triggerNode=>triggerNode.parentNodea-date-picker解决方案如下：也是为a-date-picker添加如下代码：:get-calendar-container="triggerNode=>t

dream0129·2023-10-28 11:40

ant design vue 的getPopupContainer

在antdesignvue中，有几个组件是有getPopupContainer属性的，比如：下拉菜单默认是渲染到body上的，所以如果你想要对下拉选择组件的样式，做修改，如果style标签上开启了scoped

嘤嘤怪呆呆狗·2023-10-28 11:33

Antd使用＜Form.item＞报错Warning: [antd: Form.Item] `children` is array of render props cannot have `name`

需求：在Antd的Modal中在Form组件中完成点击按钮展开右侧：展开如下图所示：问题1：但Antd中默认是一行一行，如果直接在中嵌套会报题示的错误。

九月萩·2023-10-28 11:53

Antd V4 使用iconType创建Icon，可动态设置iconType

image.png后台数据库存的icontype是antdv4的iconimage.png前端页面应该如何使用显示icon呢解决办法如下importReactfrom"react";import*asIconfrom

六二小盆友·2023-10-28 07:35

基于Ant DesignPro Vue + SpringBoot 前后端分离 - 后端微服化 + 接口网关 + Nacos

基于AntDesignProVue+SpringBoot前后端分离-后端微服化+接口网关+Nacos通过AntDesignProVue+SpringBoot搭建的后台管理系统后，实现了前后端分离，并实现了登录认证

dyj095·2023-10-28 02:03

基于Ant DesignPro Vue + SpringBoot 前后端分离 - 后端微服化 + 接口网关 + Nacos + Sentinel

基于AntDesignProVue+SpringBoot前后端分离-后端微服化+接口网关+Nacos+Sentinel通过AntDesignProVue+SpringBoot搭建的后台管理系统后，实现了前后端分离

dyj095·2023-10-28 02:03

搭建Vue版Ant Design Pro后台管理系统

搭建Vue版AntDesignPro后台管理系统此文章通过基于Vue实现的AntDesignPro脚手架快速构建一个后台管理系统的前端相关文档链接1、【AntDesignProofVue官方文档】2、【

dyj095·2023-10-28 02:33

JeecgBoot 2.4.6 版本发布，基于代码生成器的企业级低代码平台

前后端分离架构SpringBoot2.x，SpringCloud，AntDesign&Vue，Mybatis-plus，Shiro，JWT支持微服务。强大的代码生成器让前后端代码一键生成!

jeecg博客·2023-10-27 21:45

antd modal 弹出框点击空白处不关闭

这里的空白处，对应的精准表述为遮罩maskmask是否展示遮罩BooleantruemaskClosable点击蒙层是否允许关闭booleantruemaskStyle遮罩样式object{}使用方法如下：constprops={mask={true}//不需要遮罩，就用falsemaskClosable={true}//默认是true,点击空白处不关闭，把这里设置为falsemaskStyle=

what_ever_so_what·2023-10-27 19:30

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

推荐频道

AntD