From b5e70973340bf912b733acd737f55f90653dece8 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 03 七月 2021 09:48:25 +0800 Subject: [PATCH] 2021-07-03 --- src/tabviews/zshare/mutilform/checkCard/index.scss | 31 +++++++++++++++++++++++++++---- 1 files changed, 27 insertions(+), 4 deletions(-) diff --git a/src/tabviews/zshare/mutilform/checkCard/index.scss b/src/tabviews/zshare/mutilform/checkCard/index.scss index c5f1119..8975e1b 100644 --- a/src/tabviews/zshare/mutilform/checkCard/index.scss +++ b/src/tabviews/zshare/mutilform/checkCard/index.scss @@ -9,19 +9,37 @@ margin-bottom: 12px; line-height: 1.5; cursor: pointer; + transition: all 0.3s; span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + position: relative; + z-index: 1; } - transition: all 0.3s; + .bg-mask { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0.5; + border-radius: 4px; + background-color: transparent; + transition: opacity 0.3s; + } } - .card-cell.active { + .card-cell:not(.bg-control).active { border-color: #1890ff; background: #1890ff; span { color: #ffffff!important; + } + } + .card-cell.bg-control.active { + .bg-mask { + opacity: 1; } } .card-pic-cell { @@ -40,7 +58,7 @@ box-shadow: 0px 0px 4px #1890ff; } - .card-cell.active::after { + .card-cell:not(.bg-control).active::after { content: ' '; position: absolute; display: table; @@ -55,13 +73,18 @@ } } .check-card-form-box:not(.readonly) { - .card-cell:hover { + .card-cell:not(.bg-control):hover { border-color: #1890ff; background: #1890ff; span { color: #ffffff!important; } } + .card-cell.bg-control:not(.active):hover { + .bg-mask { + opacity: 0.7; + } + } .card-pic-cell:hover { border-color: #1890ff; box-shadow: 0px 0px 4px #1890ff; -- Gitblit v1.8.0