From 600fbfb8c30d55035bab5512840f5b1e88863a75 Mon Sep 17 00:00:00 2001 From: A1300399510 Date: Thu, 21 Nov 2024 15:42:17 +0800 Subject: [PATCH] no message --- css/details.css | 16 ++++++----- css/details.less | 69 ++++++++++++++++++++++++++---------------------- 2 files changed, 47 insertions(+), 38 deletions(-) diff --git a/css/details.css b/css/details.css index dd5a317..8feec9b 100644 --- a/css/details.css +++ b/css/details.css @@ -5,22 +5,23 @@ position: relative; margin-bottom: 20px; } -.boxbox.admission .admission-title { +.boxbox .admission-title { position: absolute; width: 120px; height: 32px; top: -11px; left: 50%; transform: translateX(-50%); + display: none; } -.boxbox.admission .admission-title .admission-bj { +.boxbox .admission-title .admission-bj { position: absolute; left: -5px; top: -5px; width: 131px; height: 43px; } -.boxbox.admission .admission-title .admission-name { +.boxbox .admission-title .admission-name { width: 70px; height: 18px; position: absolute; @@ -28,18 +29,21 @@ left: 50%; transform: translateX(-50%); } -.boxbox.admission .admission-title .admission-arrows { +.boxbox .admission-title .admission-arrows { width: 13px; height: 6px; position: absolute; top: 0; } -.boxbox.admission .admission-title .admission-arrows.admission-arrows-left { +.boxbox .admission-title .admission-arrows.admission-arrows-left { left: -6px; } -.boxbox.admission .admission-title .admission-arrows.admission-arrows-right { +.boxbox .admission-title .admission-arrows.admission-arrows-right { right: -6px; } +.boxbox.admission .admission-title { + display: block; +} .boxbox.admission::after { background: linear-gradient(90deg, #cfe0ec, #8fafc6, #cfe0ec); } diff --git a/css/details.less b/css/details.less index 17a2570..8dfb565 100644 --- a/css/details.less +++ b/css/details.less @@ -5,45 +5,50 @@ position: relative; margin-bottom: 20px; - &.admission { - .admission-title { + .admission-title { + position: absolute; + width: 120px; + height: 32px; + top: -11px; + left: 50%; + transform: translateX(-50%); + display: none; + + .admission-bj { position: absolute; - width: 120px; - height: 32px; - top: -11px; + left: -5px; + top: -5px; + width: 131px; + height: 43px; + } + + .admission-name { + width: 70px; + height: 18px; + position: absolute; + top: 7px; left: 50%; transform: translateX(-50%); + } - .admission-bj { - position: absolute; - left: -5px; - top: -5px; - width: 131px; - height: 43px; + .admission-arrows { + width: 13px; + height: 6px; + position: absolute; + top: 0; + + &.admission-arrows-left { + left: -6px; } - - .admission-name { - width: 70px; - height: 18px; - position: absolute; - top: 7px; - left: 50%; - transform: translateX(-50%); + &.admission-arrows-right { + right: -6px; } + } + } - .admission-arrows { - width: 13px; - height: 6px; - position: absolute; - top: 0; - - &.admission-arrows-left { - left: -6px; - } - &.admission-arrows-right { - right: -6px; - } - } + &.admission { + .admission-title { + display: block; } &::after { background: linear-gradient(90deg, rgb(207, 224, 236), rgb(143, 175, 198), rgb(207, 224, 236));