antd按需引入和自定义antd类名一:antd样式引入有两个方式一次性全部引入(不推荐)一次性全部引入antd的样式,打包的时候样式文件会变得很庞大,导致第一次加载的时候需要的时间很长,用户体验差// 入口样式文件引入样式
@import 'antd/dist/antd.less';按需引入(推荐)(使用了tree shaking原理自动过滤没有被引入的样式)按需引入antd的样式,打包的时候只
转载
2024-10-16 19:14:49
52阅读
antd的表格中勾选状态的控制 的基本逻辑是通过表格属性的rowSelection的selectedRowKeys来实现的。它是一个数组。记录了所有勾选项的字段(常见的比如id)const rowSelection = {
selectedRowKeys,
onSelect: (record, selected, selectedRow) => {
},
antd对于form中输入控件的抽象十分简单,只要能接收value和onChange属性的组件都可以成为Form.Item的子组件,为Form对应的字段提供值。对于输入控件的抽象我认为这已经达到了极致,事件(onChange)产生值(value)。事件向上,值向下,完全符合React哲学。如何实现一个标准的输入组件?对于输入组件首先需要具备接收value和onChange属性的能力,这两个属性被提
在开发后台管理系统中,经常会碰到合计行的需求,element有直接的属性可以使用,antdvue的需要手动去生成 如图为实现合计后的效果 1。首先给table配置column的时候,要明确哪些字段需要使用合计,如上图,只有总板数需要使用合计,那给总板数的配置加上标识符 即可,我这里为了方便辨识,直接增加了 su
转载
2024-04-25 17:34:29
44阅读
就为这问题,今天找了一天,各种高大上又复杂的方案,看得我头都炸。就刚刚突然脑海里闪了一下,想到了这个绝对轻巧、绝对傻瓜式、又绝对稳定的解决方案,于是迫不及待写下这篇文章,算是一个小纪念吧 先描述问题:使用了 antd vue 的 upload 组件来上传文件,在beforeUpload中定义了一个 Promise 来实现校验上传文件是否符合rule,符合则会返回resolve,否则直接拒绝
转载
2024-07-24 14:31:32
1454阅读
第一步:添加nginx.conf的http级别的缓存配置 ##cache##
proxy_connect_timeout 500;
#跟后端服务器连接的超时时间_发起握手等候响应超时时间
proxy_read_timeout 600;
#连接成功后_等候后端服务器响应的时间_其实已经进入后端的排队之中等候处理
proxy_send_timeout 5
转载
2024-02-21 20:05:47
520阅读
一、基本概念React antd是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。使用地址
原创
2023-07-10 10:22:55
130阅读
React结合antd实现表格的增删改查前言1. 使用axios读取数据2. 新增数据3. 删除数据4. 修改数据5. 查询数据完整代码效果图示参考资料 前言初次接触react,通过学习react官方文档、学习B站上“张sir手摸手带你学前端”这位老师的视频,采用 React + Antd + JavaScript + axios ,终于完成了简单Table的增删改查功能新建一个 CRUDDem
转载
2024-07-04 22:04:31
158阅读
1. Media type and element match
2. Importance and origin in ascending order of importance (confusingly):
• user agent style sheets
• user normal style sheets
• author normal style sheets
• autho
转载
2024-09-11 17:22:36
67阅读
1.> : > 2.text-decoration-:属性规定文本修饰要使用的线条类型。 (1) none 默认值,规定文本修饰没有线条 (2)underline 规定文本的下方将显示一条线 (3)overline 规定文本的上方方将显示一条线 (4)line-through 规定文本的中间将 ...
转载
2021-11-01 18:43:00
162阅读
2评论
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径
转载
2024-03-20 14:33:56
1481阅读
在开发 iOS 页面应用时,使用 Ant Design (antd) 的表格(table)组件可能会出现适配问题。这种情况通常涉及到样式的兼容性、数据交互,以及不同浏览器中的表现差异。本文将详细记录解决“antd table 在 iOS 页面不适配”问题的过程,分为环境准备、集成步骤、配置详解、实战应用、排错指南和性能优化几个部分。
## 环境准备
在开始之前,我们需要保证所使用的技术栈具有
大家好,我是极智视界。本文介绍一下 antd pro 页面基础属性修改方法,包括用户名、用户名logo、脚注等。
原创
2022-05-14 20:01:21
1017阅读
一、css的基本用法 二、综合练习(1)1、仿页面:(1)2、实现代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>综合练习1</title>
<style type=
转载
2023-08-08 15:17:57
71阅读
css代码添加背景图片常用代码1 背景颜色 { font-size: 16px; content: ""; display: block; width: 700px; height: 0px; margin: 20px 0px;">
2 背景图片 {background-image: url(url)|none}
3 背景重复 {background-repeat:inherit
转载
2023-07-10 20:38:50
210阅读
使用CSS给页面关键词加条彩虹线
原创
2023-09-08 13:52:19
194阅读
CSS页面demoCSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的
转载
2021-02-19 20:45:39
339阅读
2评论
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。。
原创
2022-04-20 11:39:03
165阅读
如果原来的宽度是1200, 缩放之后宽度可能就变成了1560, 然后你本来的图片1200可能就开始显示不全了。 如果你的图片按100%显示的话,这个时候又正常了。
转载
2016-06-28 18:06:00
1204阅读
2评论
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。。
原创
2021-06-18 11:10:25
464阅读