feat: 优化招生官页面样式和功能
- 新增H5页面相关文件 - 调整CSS样式,修复移动端适配问题 - 优化宣讲会列表显示和时间格式化 - 改进视频播放器交互逻辑 - 修复课程标签显示问题
This commit is contained in:
@@ -1,12 +1,17 @@
|
||||
* {
|
||||
padding: 0;
|
||||
body {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.admission-officer {
|
||||
min-height: 100vh;
|
||||
background-color: #f6f6f6;
|
||||
min-width: 1200px;
|
||||
}
|
||||
.admission-officer * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.admission-officer .flexflex {
|
||||
display: flex;
|
||||
@@ -23,6 +28,9 @@
|
||||
.admission-officer .flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
.admission-officer img {
|
||||
object-fit: cover;
|
||||
}
|
||||
.admission-officer a {
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -42,6 +50,11 @@
|
||||
top: 60px;
|
||||
left: calc((100vw - 1200px) / 2);
|
||||
}
|
||||
@media screen and (max-width: 1200px) {
|
||||
.admission-officer .admission-head .admission-head-logo {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.admission-officer .admission-head .admission-head-box {
|
||||
min-width: 1200px;
|
||||
height: 216px;
|
||||
@@ -678,9 +691,6 @@
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold {
|
||||
color: #fff;
|
||||
}
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold .svg {
|
||||
fill: #76c45e !important;
|
||||
}
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold .arrows {
|
||||
fill: #fff;
|
||||
transform: translateY(-50%) rotate(180deg);
|
||||
@@ -754,6 +764,10 @@
|
||||
color: #333333;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .text {
|
||||
line-height: 28px;
|
||||
display: inline;
|
||||
}
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .label {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
@@ -765,6 +779,7 @@
|
||||
font-family: "ArialMT", "Arial", sans-serif;
|
||||
padding: 0 6px;
|
||||
margin-left: 12px;
|
||||
display: inline-flex;
|
||||
}
|
||||
.admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .label .arrows {
|
||||
position: absolute;
|
||||
|
||||
Reference in New Issue
Block a user