原文地址:http://www.hxstrive.com/article/639.htm
下面将通过修改Ant Design中的Table样式来说明怎样去自定义样式,假如我们的项目(React/Vue等)使用less编写样式,有一个myDemo.less文件。
1、将Table定义一个class属性,如下:
import React, { Component } from 'react';
import styles from './myDemo.less';
import { Table } from 'antd';
class Demo extends Component {
render {
return (
<Table className={styles.myTable}></Table>
);
}
}
2、使用浏览器的DOM资源管理器查看Ant Design Table组件的结构,如下图:
找到我们需要修改的元素,这里我们打算修改如下元素:
<div class="ant-table-body"></div>
3、修改样式
// myDemo.less
// 下面方式无效
.myTable {
.ant-table-body {
background: red !important;
}
}
// 下面方式有效
.myTable {
div[class='ant-table-body'] {
background: red !important;
}
}
上面这些经过亲测,可行的…………
相关推荐
ant design4.40-web组件库 是基于Axure ,参考Ant Design 的样式而设计的一套模板库,是产品经理必备套件库,Ant Design4.40-最新精编文件22年3月,AXURE原型设计,需要的素材和模板内容里面都有可以借鉴。...
Ant Design 移动端设计规范,一个基于 Preact/React/React Native 的 UI 组件库,是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务。 image.png 特性 基于 Ant Design 移动设计规范。 规则化的...
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
AntDesign3.9.x 企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。 如何在 Axure 里使用 Ant Design Library: 1. 打开 Axure 软件,找到 Libraries ...
Ant Design Vue:一个基于Ant Design和Vue的企业级UI组件库
1. Element_Components_v2.1.0.rplib 从element ui 官网下载的axure组件,可以直接导入到axure中进行使用。 ... 如果前端使用elementui , 那么我们使用axure的组件将会减少沟通成本,且...3.AntDesign RP lib使用教程.mp4
这是一套蚂蚁设计(Antdesign)组件的sketch文档,可用于设计和产品原型
AntDesign3.9版本 为方便查看AntDesign 元件库中的内容,将所有内容都拷贝到页面中,组织结构与rplib中的保持相同。
Ant Design Library 3.0 一套精美得像视觉稿的 Axure 设计组件库
ant design library 让axure的ui设计更加简便,快速,美观==ui原型设计师不二之选,这个是从官网下载的,支持axure8.0以上版本
Ant Design以及Ant Design Pro入门资料
AntDesign_Mob元件库
基于ant design 的vuejs loading组件
Ant Design 源自蚂蚁金服体验技术部的后台产品开发。在中后台产品设计中,通常有很多类似的页面和控件,不同的产品会出现不同的规范和实现,给设计师和工程师带来很多困扰和重复建设,降低企业后台的整体研发效率。...
SpringBoot+AntDesignVue实现excel导入功能
Ant Design4.20.2版本离线版本文档,直接放到apache目录下进行配置即可进行离线访问
Ant Design 风格 Axure组件移动端 完整版.rplib
Axure ant design pro后台模板可交互
Ant Design Axure 组件库 20180903 非常好用 强烈推荐 下载的小伙伴请注意 这个组件库 不带移动端组件模板的哦
ant design4.40-web组件库 是基于Axure ,参考Ant Design 的样式而设计的一套模板库,是产品经理必备套件库,Ant Design4.40-最新精编文件22年3月,AXURE原型设计,需要的素材和模板内容里面都有可以借鉴。