提交 318854c4 编写于 作者: lijianxiong's avatar lijianxiong

feat:回撤表格样式

上级 1dbc2824
...@@ -30,6 +30,10 @@ ...@@ -30,6 +30,10 @@
box-shadow: none; box-shadow: none;
} }
.ivu-card-body .grid>.el-table .el-table__header-wrapper thead>tr th {
background: rgb(245,245,245);
border-right: 1px solid rgb(250,250,250);
}
.el-table td, .el-table th.is-leaf { .el-table td, .el-table th.is-leaf {
border-bottom: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5;
} }
...@@ -40,161 +44,15 @@ ...@@ -40,161 +44,15 @@
display: block !important; display: block !important;
width: 10px !important; width: 10px !important;
} }
.grid { .grid .el-table__body-wrapper .el-table__row td{
.el-table { border-left: 1px solid rgb(245,245,245);
color: #333333; border-top: 1px solid rgb(245,245,245);
}
// 去重边框
.el-table {
border: none;
&::after {
display: none;
}
}
// 表格头部
.el-table__header-wrapper {
tr {
th {
color: #031129;
background-color: #F4F5F7;
border-color: #E9EBEF;
border-right-color: #FFFFFF;
min-height: 44px;
padding: 0;
}
}
}
// 表格内容区
.el-table__body-wrapper {
.el-table__row {
td{
border: none;
border-top: 1px solid #E9EBEF;
box-sizing: border-box;
height: 44px;
max-height: 44px;
padding: 0;
a {
color: #1A6AFF;
}
}
&:first-child {
td {
border: none;
}
}
}
tr:hover {
td {
background-color: #F5F8FF;
}
}
}
// 首列复选框
.el-table-column--selection {
.cell {
padding: 0 !important;
margin: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.el-checkbox {
margin: 0;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1A6AFF;
border-color: #1A6AFF;
}
}
// 分页
.grid-pagination {
&> ul{
.ivu-page-item-active{
// 表格页码
border-color: #1A6AFF !important;
color: #1A6AFF !important;
background-color: #E6EEFF;
a {
color: #1A6AFF !important;
}
}
}
&.grid-pagination,
.ivu-btn,
.ivu-page-item a,
.ivu-page-next a,
.ivu-page-prev a,
.ivu-select {
color: #333333;
}
.ivu-select-item {
color: #333333;
&.ivu-select-item-focus {
background-color: transparent;
}
&.ivu-select-item-selected {
color: #1A6AFF;
}
&:hover {
background-color: #F5F8FF;
}
}
.ivu-page-next,
.ivu-page-prev,
.ivu-page-item,
.ivu-btn {
border-color: #CCCCCC;
&:hover,
&:hover a {
border-color: #337aff;
color: #337aff;
}
&.ivu-page-disabled {
border-color: #CCCCCC;
a {
color: #CCCCCC;
}
}
}
.ivu-select {
.ivu-select-selection {
border-color: #CCCCCC;
}
&.ivu-select-visible .ivu-select-selection {
border-color: #337aff;
color: #337aff;
}
}
.ivu-page-options-elevator input {
border-color: #CCCCCC;
&:hover,
&:focus {
border-color: #337aff;
color: #337aff;
}
}
}
} }
.el-table--enable-row-hover .el-table__body.el-table__body tr:hover>td { .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #F5F8FF !important; background-color: #badfffba !important;
} }
.grid .el-table__body-wrapper .grid-selected-row{ .grid .el-table__body-wrapper .grid-selected-row{
background-color: #F5F8FF !important; background-color: #badfffba !important;
} }
.el-table th .sort-caret.ascending{ .el-table th .sort-caret.ascending{
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册