From f6626b05f1275cc2f8ca77f773d4f6a6af1b0a89 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 21 十一月 2022 16:11:55 +0800 Subject: [PATCH] 2022-11-21 --- src/tabviews/custom/components/carousel/data-card/index.scss | 93 ++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 89 insertions(+), 4 deletions(-) diff --git a/src/tabviews/custom/components/carousel/data-card/index.scss b/src/tabviews/custom/components/carousel/data-card/index.scss index 570aed6..ee17b7f 100644 --- a/src/tabviews/custom/components/carousel/data-card/index.scss +++ b/src/tabviews/custom/components/carousel/data-card/index.scss @@ -3,20 +3,26 @@ background-position: center center; background-repeat: no-repeat; background-size: cover; + position: relative; min-height: 30px; - overflow: hidden; .card-item-box { + position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } + .carousel-wrap { + position: relative; + overflow: hidden; + } + .ant-empty { - width: 100%; - min-height: 100px; - padding-top: 15px; + position: absolute; + top: calc(50% - 34px); + left: calc(50% - 92px); .ant-empty-image { height: 60px; @@ -49,3 +55,82 @@ display: block; clear: both; } + +.mk-carousel-modal { + .ant-modal-body { + padding: 20px; + } + .ant-modal-close-x { + width: 40px; + height: 40px; + font-size: 14px; + line-height: 40px; + } + .card-item-box { + overflow-y: auto!important; + } + .card-item-box::-webkit-scrollbar { + width: 7px; + } + .card-item-box::-webkit-scrollbar-thumb { + border-radius: 5px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); + background: rgba(0, 0, 0, 0.13); + } + .card-item-box::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.07); + background: rgba(0, 0, 0, 0); + } + .ant-carousel { + height: 100%; + .slick-slider { + height: 100%; + } + } + .prev { + position: absolute; + top: calc(50% - 15px); + left: 0px; + z-index: 1; + cursor: pointer; + color: #ffffff; + padding: 5px 3px; + background: rgba(0,0,0,0.15); + } + .next { + position: absolute; + top: calc(50% - 15px); + right: 0px; + z-index: 1; + cursor: pointer; + color: #ffffff; + padding: 5px 3px; + background: rgba(0,0,0,0.15); + } + .mk-footer { + padding-top: 10px; + .ant-checkbox-wrapper { + font-size: 13px; + line-height: 26px; + } + .ant-checkbox-inner { + width: 15px; + height: 15px; + } + .close { + height: 32px; + color: #ffffff; + background-color: var(--mk-sys-color); + border-color: var(--mk-sys-color); + padding: 0 20px; + float: right; + } + } + .mk-footer::after { + content: ' '; + display: block; + clear: both; + } +} \ No newline at end of file -- Gitblit v1.8.0