![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Css
guoyu_vae
这个作者很懒,什么都没留下…
展开
-
React Table中某一列名称太长,需要截取的处理方式
关键: ellipsis:true, render: (text, record) => ( <div title={record.kdName} className="ellipsis"> {!!record.kdName ? record.kdName : '-'} </div>这种方式解决了给div添加固定的宽度,在另写css样式进行截取。...原创 2020-10-23 11:50:01 · 413 阅读 · 0 评论 -
antd Table 调整行高 取消每隔右侧的竖线,只保留外边框线
<Table bordered className={styles.rowStyle} />.rowStyle{ :global{ .ant-table-tbody > tr >td { padding: 10px 24px !important; } .ant-table-thead > tr >th{ padding: 10p..原创 2020-09-15 14:49:56 · 4517 阅读 · 4 评论 -
React Model 中添加滚动条
使div出现滚动条:在div的样式上添加 height: 660px; //百分比不行 overflow:auto原创 2020-08-13 17:40:26 · 1330 阅读 · 0 评论 -
React Card 卡片和遮罩层的设置
import * as React from 'react'import { Card, Checkbox } from 'antd';import * as styles from './SubscribeCard.module.less'class SubscribeCard extends React.Component { state={ maskHidden:true } maskOnMouseEnter=(e:any)=>{ .原创 2020-08-13 10:53:53 · 1805 阅读 · 1 评论 -
React 重写AntD组件之global
在我使用antd等组件时,常常需要更改组件的默认样式,这时候,我们就需要用:global{}将需要修改的样式包裹起来。这种情况,我遇到过很多次,但是从来没有探究过原因,今天就浅浅的说一下我的理解。在说这个问题之前,我们需要先知道CSS Modules。CSS Modules主要是实现局部作用域和模块依赖两个功能。我们主要了解第一个功能就好。局部作用域我们都知道,CSS的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。产生局部作用域的唯一方法,就是使用一个独一无二的class的名字,不会原创 2020-08-11 11:15:21 · 4171 阅读 · 0 评论 -
Css 小技巧
1.在一个div下面显示一条线box-shadow: inset 0 -1px 0 0 #E4E4E4;inset:控制阴影在下面还是div在下面第一个参数:横轴阴影的位置第二个参数:纵轴阴影的位置第三个参数:阴影的程度第四个参数:阴影的大小第五个参数:阴影的颜色...原创 2020-07-30 10:06:50 · 106 阅读 · 0 评论