yu.css.ui
Version:
纯CSS通用UI模块和组件
69 lines (68 loc) • 2.28 kB
CSS
.yu-table {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
border-collapse: collapse; }
.yu-table thead tr th {
font-size: 14px;
color: #606266;
box-sizing: border-box;
padding: 14px 0;
border-bottom: 1px solid #E4E7ED; }
.yu-table thead tr th .cell {
padding: 0 8px;
text-align: left; }
.yu-table tfoot tr {
background-color: #f5f5f9; }
.yu-table tfoot tr td {
font-size: 14px;
color: #606266;
box-sizing: border-box;
padding: 14px 0;
border-bottom: 1px solid #E4E7ED; }
.yu-table tfoot tr td .cell {
padding: 0 8px;
text-align: left; }
.yu-table tbody tr {
transition: background-color .4s; }
.yu-table tbody tr td {
font-size: 14px;
color: #606266;
box-sizing: border-box;
padding: 14px 0;
border-bottom: 1px solid #E4E7ED; }
.yu-table tbody tr td .cell {
padding: 0 8px; }
.yu-table tbody tr td a {
color: #409EFF;
cursor: pointer; }
.yu-table tbody tr td a:hover {
color: #73b8ff; }
.yu-table tbody tr.primary {
background-color: #f3f9ff; }
.yu-table tbody tr.primary:hover {
background-color: #fff; }
.yu-table tbody tr.success {
background-color: #eef8e9; }
.yu-table tbody tr.success:hover {
background-color: #fff; }
.yu-table tbody tr.warning {
background-color: #fffbeb; }
.yu-table tbody tr.warning:hover {
background-color: #fff; }
.yu-table tbody tr.info {
background-color: #f2f3f3; }
.yu-table tbody tr.info:hover {
background-color: #fff; }
.yu-table tbody tr.danger {
background-color: #feeded; }
.yu-table tbody tr.danger:hover {
background-color: #fff; }
.yu-table tbody tr:hover {
background-color: #f5f5f9; }
.yu-table.celled {
border: 1px solid #E4E7ED; }
.yu-table.celled td, .yu-table.celled th {
border-right: 1px solid #E4E7ED; }
.yu-table.stripe tbody tr:nth-child(2n) {
background-color: #fafafa; }
.yu-table.stripe tbody tr:nth-child(2n):hover {
background-color: #f5f5f9; }