.table { table { width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; } th { height: 38px; padding: 0 16px; font-weight: normal; } td { padding: 16px; background: #fff; border-bottom: 1px solid #eef1f2; &:first-child { border-radius: 5px 0 0 5px; } &:last-child { border-radius: 0 5px 5px 0; } } tbody { color: #656872; } tbody tr { border-radius: 5px; &.canClick { cursor: pointer; } } tbody tr:hover { position: relative; z-index: 1; box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 3px 10px rgba(0, 0, 0, 0.08); td { border-bottom: 1px solid transparent; } } } .sorter { cursor: pointer; span { margin-left: 10px; color: #c4c4c4; } &:hover { color: #000; span { color: #000; } } } .sortered { font-weight: 600; span { color: #4d5262; } &:hover { span { color: #000; } } } .fangxing { position: relative; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin-right: 8px; border: 1px solid #c4c4c4; .circle { position: absolute; top: 3px; left: 3px; display: inline-block; width: 8px; height: 8px; background: #f0da21; border-radius: 100%; } } .filter { display: flex; align-items: center; cursor: pointer; } .filterTitlePic { margin-right: 8px; color: #c4c4c4; } .filterList { margin: -12px -16px; } .filterItem { display: flex; align-items: center; min-width: 150px; height: 45px; padding: 0 20px; color: #000; border-bottom: 1px solid #f6f6f6; cursor: pointer; &Value { margin-left: 10px; } &:hover { background: #f0da21; } &:first-child { border-radius: 10px 10px 0 0; } &:last-child { border-bottom: none; border-radius: 0 0 10px 10px; } } .page { display: flex; justify-content: flex-end; margin-top: 15px; & > div { padding: 2px 0px; background: #fff; border-radius: 4px; } :global { .ant-pagination-item { min-width: 28px; height: 28px; line-height: 28px; border: none; a:hover { color: #4d5262; background: #f0f0f0; outline: 4px solid #f0f0f0; } &-active { background: #f0da21; border-radius: 16px; a { color: #000; &:hover { color: #000; background: #f0da21; border-radius: 16px; outline: none; } } } } .ant-pagination-prev, .ant-pagination-next { padding: 0 15px; transition: none; &:hover { background: #f0f0f0; outline: 4px solid #f0f0f0; } a { color: #656872; } } .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus-visible { &:hover { background: transparent; outline: none; } a { color: #ddd; } } } }