From 5515a793e08f2c9f0c8116960d3043f5bd32ccad Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 15 六月 2021 11:07:02 +0800 Subject: [PATCH] 2021-06-15 --- src/tabviews/zshare/mutilform/checkCard/index.scss | 38 ++++++++++++++++++++++++++++++++++++-- 1 files changed, 36 insertions(+), 2 deletions(-) diff --git a/src/tabviews/zshare/mutilform/checkCard/index.scss b/src/tabviews/zshare/mutilform/checkCard/index.scss index 3d87dc7..0887939 100644 --- a/src/tabviews/zshare/mutilform/checkCard/index.scss +++ b/src/tabviews/zshare/mutilform/checkCard/index.scss @@ -2,6 +2,7 @@ margin-top: 10px; margin-bottom: -10px; .card-cell { + position: relative; border: 1px solid #bcbcbc; border-radius: 4px; padding: 6px; @@ -16,7 +17,7 @@ white-space: nowrap; } } - .card-cell:hover, .card-cell.active { + .card-cell.active { border-color: #1890ff; background: #1890ff; span { @@ -24,6 +25,7 @@ } } .card-pic-cell { + position: relative; border: 1px solid #bcbcbc; border-radius: 4px; background-size: cover; @@ -32,8 +34,40 @@ line-height: 1.5; cursor: pointer; } - .card-pic-cell:hover, .card-pic-cell.active { + .card-pic-cell.active { border-color: #1890ff; box-shadow: 0px 0px 4px #1890ff; } + + .card-cell.active::after { + content: ' '; + position: absolute; + display: table; + border: 2px solid #ffffff; + border-top: 0; + border-left: 0; + bottom: 0; + right: 12px; + width: 6px; + height: 12px; + transform: rotate(45deg) scale(1) translate(-50%, -50%); + } +} +.check-card-form-box:not(.readonly) { + .card-cell:hover { + border-color: #1890ff; + background: #1890ff; + span { + color: #ffffff!important; + } + } + .card-pic-cell:hover { + border-color: #1890ff; + box-shadow: 0px 0px 4px #1890ff; + } +} +.check-card-form-box.readonly { + .card-cell, .card-pic-cell { + cursor: not-allowed; + } } \ No newline at end of file -- Gitblit v1.8.0