fork-reap-design/src/styles/components/table/index.less

A high quality UI components Library with Vue.js

.aui-table-container {
    .aui-table-opts {
        // 备用方案，防止 a 标签不明显
        // & > span {
        //     cursor: pointer;
        //     transition: all .3s;
        //     &:hover, &:active {
        //         color: @primary-color;
        //     }
        //     &:not(:last-child) {
        //         margin-right: 10px;
        //     }
        // }
        & > a:not(:last-child) {
            margin-right: 15px;
        }

        a.sc-orange {
            &:hover {
                opacity: .8;
                color: @warning-color;
            }
        }

        a.sc-red {
            &:hover {
                opacity: .8;
                color: @error-color;
            }
        }

        a.sc-blue {
            &:hover {
                opacity: .8;
                color: @info-color;
            }
        }
    }
    .ivu-table-header {
        .ivu-table-cell {
            white-space: nowrap;
        }
    }
}
.ivu-table-body {
    color: #686868;
}
.aui-table-hd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.aui-table-ft {
    display: flex;
    padding: 10px;
    justify-content: flex-end;
    // iview样式问题，父级无定位，选择分页数量盒子定位相对于页面
	.ivu-page-options {
		position: relative;
	}
}

.el-tree-node__expand-icon::after {
  color: @tree-color !important;
}
.ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab:hover {
  color: @tree-color !important;
}
.ivu-table-wrapper {
  border: none;
}
.ivu-table-header, .ivu-table-fixed-header {
  table thead tr{
    height: 56px;
    opacity: 0.53;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
    th {
      background-color: white;
      border-bottom: 1px solid #000000;
    }
  }
}
.ivu-table-fixed-header table thead tr {
  opacity: 1;
  th {
    color: rgba(0, 0, 0, 0.53);
  }
}
.ivu-table-body,.ivu-table-fixed-body,.ivu-table-fixed-header-with-empty {
  table tbody tr td {
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
  }
}
.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
  content: "\2022\2022\2022"
}