style: 优化CSS样式和布局调整
- 调整头部样式和布局 - 优化列表和卡片样式 - 修复滚动条显示问题 - 更新颜色和间距 - 添加边框和阴影效果
This commit is contained in:
34
H5/h5.less
34
H5/h5.less
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user