style: 优化CSS样式和布局调整

- 调整头部样式和布局
- 优化列表和卡片样式
- 修复滚动条显示问题
- 更新颜色和间距
- 添加边框和阴影效果
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-07-22 18:51:34 +08:00
parent d638dade41
commit 693a0465ff
4 changed files with 300 additions and 126 deletions

View File

@@ -89,6 +89,7 @@ body {
}
.list {
margin-top: 1.2rem;
.item {
width: 9rem;
position: relative;
@@ -122,8 +123,8 @@ body {
.school-other {
position: absolute;
top: -0.0133rem;
left: -0.0133rem;
top: -1px;
left: -1px;
width: 2rem;
height: 0.96rem;
z-index: 1;
@@ -419,8 +420,31 @@ body {
width: 9rem;
height: 5.06rem;
position: relative;
margin: 0 auto 0.54rem;
margin: 0 auto;
z-index: 1;
&::after {
content: "";
width: 100%;
height: 0.38rem;
background-color: rgba(0, 0, 0, 1);
border-radius: 0.2rem 0.2rem 0 0;
display: block;
position: absolute;
top: 0;
left: 0;
}
&::before {
content: "";
width: 100%;
height: 0.38rem;
background-color: rgba(0, 0, 0, 1);
border-radius: 0 0 0.2rem 0.2rem;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.head {
position: absolute;
@@ -513,7 +537,7 @@ body {
width: 100vw;
box-sizing: border-box;
white-space: nowrap;
margin-bottom: 1.2rem;
margin-top: 0.54rem;
overflow: auto;
.item {
@@ -559,7 +583,7 @@ body {
width: 9rem;
// height: 5.88rem;
position: relative;
margin: 0 auto 0.54rem;
margin: 1.2rem auto 0;
background: linear-gradient(123.157923884672deg, rgba(223, 234, 234, 1) 0%, rgba(251, 249, 245, 1) 100%);
border: 0.0133rem solid rgba(232, 239, 238, 1);
border-radius: 0.4rem;