feat: 优化招生官页面样式和功能

- 新增H5页面相关文件
- 调整CSS样式,修复移动端适配问题
- 优化宣讲会列表显示和时间格式化
- 改进视频播放器交互逻辑
- 修复课程标签显示问题
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-07-16 19:01:48 +08:00
parent 3a522d5616
commit 4e2461b600
7 changed files with 210 additions and 51 deletions

View File

@@ -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;