From afb39f8ab004b2607bb718edab02e99c7a010114 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 22 三月 2023 14:36:44 +0800 Subject: [PATCH] 2023-03-22 --- src/menu/components/table/edit-table/columns/index.scss | 65 ++++++++++++++++++++++++++++++-- 1 files changed, 61 insertions(+), 4 deletions(-) diff --git a/src/menu/components/table/edit-table/columns/index.scss b/src/menu/components/table/edit-table/columns/index.scss index 2934fd7..0accff1 100644 --- a/src/menu/components/table/edit-table/columns/index.scss +++ b/src/menu/components/table/edit-table/columns/index.scss @@ -1,11 +1,22 @@ .edit-table-columns { position: relative; + --mk-table-border-color: #e8e8e8; + --mk-table-color: rgba(0, 0, 0, 0.65); + --mk-table-font-size: 14px; + --mk-table-font-weight: normal; + .ant-table { color: inherit; font-size: inherit; } + .ant-table-selection-column { + width: 60px; + min-width: 60px; + max-width: 60px; + } .submit-btn { - height: 24px; + min-height: 24px; + height: auto; margin-right: 10px; background-color: #1890ff; border-width: 0; @@ -18,6 +29,25 @@ tr { td { background: #ffffff; + .col-copy { + margin-bottom: 0; + display: inline-block; + color: inherit; + .ant-typography-copy { + position: absolute; + left: 2px; + top: 0px; + margin-left: 0px; + font-size: 12px; + opacity: 0; + transition: opacity 0.2s; + } + } + } + td:hover .col-copy { + .ant-typography-copy { + opacity: 1; + } } td:not(.ant-table-selection-column) { position: relative; @@ -28,6 +58,16 @@ right: 2px; color: purple; font-size: 12px; + } + >.close-col { + position: absolute; + top: 2px; + right: 2px; + color: orange; + font-size: 12px; + } + >.profile + .close-col { + right: 20px; } } } @@ -63,10 +103,9 @@ } } .col-control { - position: absolute; + position: relative; + float: right; z-index: 2; - right: 0; - top: -25px; >.anticon, >div > .anticon { font-size: 16px; margin-right: 10px; @@ -74,6 +113,7 @@ } >.anticon-copy { color: #26C281; + margin-left: 5px; } >.anticon-delete { color: #ff4d4f; @@ -88,6 +128,23 @@ .ant-table-small > .ant-table-content > .ant-table-body { margin: 0; } + + table, tr, th, td { + border-color: var(--mk-table-border-color)!important; + } + table tr { + th .ant-table-column-title, th .ant-table-column-title > span { + font-size: var(--mk-table-font-size)!important; + font-weight: var(--mk-table-font-weight)!important; + } + td { + font-size: var(--mk-table-font-size)!important; + font-weight: var(--mk-table-font-weight)!important; + } + } + table tbody tr { + color: var(--mk-table-color); + } } .edit-table-columns.false { .ant-pagination { -- Gitblit v1.8.0