|
|
@@ -96,7 +96,7 @@
|
|
|
</section>
|
|
|
</div>
|
|
|
|
|
|
- <div class="content max-w-[1400px] mx-auto mt-10">
|
|
|
+ <div class="content max-w-[1400px] mx-auto mt-5">
|
|
|
<div class="search-bar">
|
|
|
<div class="search-input">
|
|
|
<Icon icon="mdi:magnify" class="search-icon" />
|
|
|
@@ -906,8 +906,9 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
.banner {
|
|
|
position: relative;
|
|
|
- height: 300px;
|
|
|
- top: 20px;
|
|
|
+ margin-top: 20px; /* 使用 margin 代替 top 以避免脱离文档流导致的重叠 */
|
|
|
+ height: auto; /* 允许高度自适应，或者设置一个最小高度 */
|
|
|
+ min-height: 300px;
|
|
|
/* 设置背景图 */
|
|
|
background: url("../../assets//images/flwoBanner.png"); /* 或者使用变量 if defined in script */
|
|
|
background-size: cover;
|
|
|
@@ -976,9 +977,9 @@ onBeforeUnmount(() => {
|
|
|
gap: 10px;
|
|
|
width: min(420px, 100%);
|
|
|
padding: 0 16px;
|
|
|
- height: 46px;
|
|
|
- border-radius: 14px;
|
|
|
- background: #ffffff;
|
|
|
+ height: 36px;
|
|
|
+ border-radius: 20px;
|
|
|
+ background: #08132e;
|
|
|
border: 1px solid #e2e8f0;
|
|
|
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
|
|
|
transition:
|
|
|
@@ -1024,7 +1025,7 @@ onBeforeUnmount(() => {
|
|
|
padding: 0 20px;
|
|
|
height: 40px; /* 标准高度 */
|
|
|
font-size: 14px;
|
|
|
- color: #64748b; /* Element Plus 主要文字颜色 */
|
|
|
+ color: #adb6da; /* Element Plus 主要文字颜色 */
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
border-bottom: 2px solid transparent; /* 用于激活态的下划线 */
|
|
|
@@ -1047,7 +1048,6 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
.tab-label {
|
|
|
line-height: 1;
|
|
|
- font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.tab-sub {
|
|
|
@@ -1560,12 +1560,12 @@ onBeforeUnmount(() => {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
+
|
|
|
z-index: 10;
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
border-radius: 50%;
|
|
|
- background-color: #ffffff;
|
|
|
- border: 1px solid #e2e8f0;
|
|
|
+
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -1592,13 +1592,11 @@ onBeforeUnmount(() => {
|
|
|
}
|
|
|
|
|
|
.scroll-arrow:hover:not(:disabled) {
|
|
|
- background-color: #f1f5f9;
|
|
|
color: #02409b;
|
|
|
- border-color: #cbd5e1;
|
|
|
}
|
|
|
|
|
|
.scroll-arrow:disabled {
|
|
|
- background-color: #f8fafc;
|
|
|
+ /* background-color: #f8fafc; */
|
|
|
color: #cbd5e1;
|
|
|
cursor: not-allowed;
|
|
|
box-shadow: none;
|
