antd相关内容

如何更改 Ant-Design 'Select' 组件的样式?

假设我想将 Select 组件的标准白色背景色更改为绿色. 我的尝试... ...没有这样做. 有人能指出我正确的方向吗? [编辑] 我最终使用了 Jesper We 中建议的方法. 覆盖所有选择的颜色... .ant-select-selection {背景色:透明;} ...然后我可以单独设置 Select 组件的样式. 解决方案 渲染了一整套 ..
发布时间:2021-11-11 03:23:33 前端开发

如何自定义 Ant.design 样式

谁知道如何正确自定义 Ant.design 样式? 例如,我想更改Header部分的默认背景颜色和高度: import React, { Component } from 'react';从'antd'导入{表单,布局};const { 页眉、页脚、侧边、内容 } = 布局;导出默认类登录扩展组件{使成为 () {返回 ( ..
发布时间:2021-11-11 03:23:30 前端开发

如何在打字稿中使用 antd.Form.create?

我有一个由 Form.create() 创建的登录表单,但我无法从父组件向该表单传递任何道具,编译器总是通知类似 的错误 错误 TS2339:类型“IntrinsicAttributes &"上不存在属性“loading"IntrinsicClassAttributes>&只读 登录表单.tsx import * as React from 'react';从'antd'导入{表单};从 ..
发布时间:2021-11-11 03:23:27 其他开发

我们如何配置ant设计表组件的Header?

我们有需要在表格标题上显示“隐藏/显示"列功能的要求,并且我们希望在 ant 设计中为表格标题提供不同的颜色.任何人都可以帮助我我们如何做到这一点?我没有找到任何控件来执行此操作,因为标题呈现完全是组件内部的. 解决方案 你可以使用 }> 属性与普通 CSS 结合. ..
发布时间:2021-11-11 03:23:24 其他开发

如何使用 Antd 和 VueJS 在表格单元格中使用 customRender

我在我的应用中使用了 antd,我正在尝试执行 customRender 以在单元格中显示图像. 我的列数组如下所示: 列:[{ title: '设计',dataIndex: 'designImage.fileUrl',customRender() {//h 将被注入返回 '​​ bar'}},] 所以,正如你想象的那样,结果是这样的: 我也试过这种方式: { tit ..
发布时间:2021-09-20 19:32:55 前端开发

如何在 React 项目中一起使用 Antdesign 和 tailwindcss

我要建立一个新项目,想把这两个包放在一起但不确定,所以问题是使用 Tailwindcss 和 antdesign 是一个好习惯吗? 有人有经验吗? 每个包都有自己的主题管理器,例如适用于所有颜色、排版、暗模式等.您如何管理主题,使用顺风或 antd 或两者兼而有之?为什么? 这两个软件包都具有 Grid 功能,您更喜欢哪一个? 让我们谈谈您的见解? 解决方案 你可以 ..
发布时间:2021-09-04 19:23:52 前端开发

如何使用ant设计表单initialValue

使用 antd Form initialValue 哪个是正确的? 我想知道antd表单initialValue是用来设置初始数据还是只是在表单没有值时显示值. const 组件 = ({ id }) =>{const initialName = '约翰'const { data } = useQuery(GET_NAME, { variables: { id } })如果(数据){初始名 ..
发布时间:2021-07-03 19:06:50 前端开发

如何使用 Antd/Less 和 Sass/CSS 模块配置 Next.js

我想将 Next.js 与 Sass 和 CSS 模块一起使用,但也想使用 Ant Design 并希望使用 Less 样式来实现更小的建筑尺寸. 我可以启用 CSS 模块或 Less 加载程序,但不能同时启用.Next.js 中的示例并没有帮助我解决这个问题. 解决方案 经过几个小时的研究,我现在终于找到了正确的解决方案,并想分享它: .babelrc(这里没有魔法) {“ ..
发布时间:2021-06-07 20:02:51 其他开发

我应该在哪里放置提供者redux?

我是React的新手,我尝试进行JWT身份验证,但是我发现的教程和想要使用的新antd之间存在一些不兼容之处.如下所示的错误,我试图添加一个提供程序,但是我可能没有正确放置它,请您能帮我吗?这是我的登录页面: import从'react'导入React;从"antd"导入{表单,图标,输入,按钮,旋转};从'react-redux'导入{connect};从"react-router-dom" ..
发布时间:2021-04-07 20:26:17 前端开发

Antd多选选定的商品颜色或自定义样式

我使用的是antd Antd多项选择 它运行得非常好,我想使它像多选设计 每个选中的项目都有特定的颜色.antd multiselect是否可以做到这一点?antd提供了一些诸如labelInValue之类的道具,但我很困惑如何使用它们却没有提供足够的细节. 解决方案 您可以使用css或更少的变量 ..
发布时间:2021-04-07 20:26:14 其他开发

如何在antd/Ant Design中将className传递给表的表头?

使用Ant设计表,我可以使用 rowClassName 属性将className传递到任意行: rowClassName = {(记录,索引)=>索引=== 0&&'headerClassName'} 是否可以使用Header进行此操作? 解决方案 在样式表方面,CSS似乎很棘手,而 antd Table 是用常规HTML表(带有逻辑糖).不可能将 className 传递给具 ..
发布时间:2021-04-07 20:26:11 其他开发

如何在整个标签栏上均匀分布标签

我没有看到与此文档相关的任何信息,有人知道如何实现吗?我注意到蚂蚁设计使用rc-tabs,所以我查看了他们的文档,但也没有发现任何东西,以为也许我看起来不够努力.感谢您的帮助. 解决方案 覆盖下面的 .ant-tabs 较少的规则可以为我解决此问题: .ant-tabs {& -nav {显示:flex;.ant-tabs-tab {flex-grow:1;右边距:0px;宽度:100 ..
发布时间:2021-04-07 20:26:08 其他开发

AntD-如何对单个组件使用深色主题?

因此组件库具有深色主题. 我只想对单个组件使用深色样式,例如 Popover .其他所有sd保持默认值. 有办法实现吗? 解决方案 您可以使用较少的引用导入功能来设置单个组件的主题.Sudo代码类似于 @import(参考)"@ ant-design/dark-theme".my-popover {&:extend(@ popover-prefix-cls全部);} 通过进入 ..
发布时间:2021-04-07 20:26:05 其他开发

React JS-为Ant设计开关添加唯一键

我在如何向循环下的交换机添加唯一键方面遇到问题. 实际输出:每当我单击一个开关时,所有开关也都在切换. 预期结果:一个开关必须根据我选择的开关而不是其他开关进行切换 这是我的代码: let键;让输出= [];for(让i = 0; i ..
发布时间:2021-04-07 20:26:02 其他开发

使用自定义格式对Antd DatePicker进行反应以进行输入和显示

我当前正在使用antd的DatePicker组件显示日期,但无法自定义输入格式和显示格式. 例如:用户将日期输入为mmddyy(112119)格式,datePicker应该将日期显示为2019-11-21. 请通过将值设置为datePicker来找到我尝试过的沙盒链接,但它会被format属性覆盖 https://codesandbox.io/s/wonderful-star-7 ..
发布时间:2021-04-07 20:25:59 前端开发