feat: 实现公共课单元背景图片切换和项目库功能

- 为公共课直播间添加单元背景图片切换功能
- 支持终生学习系统、企业高管公开课、营销能力课的背景图片
- 点击不同单元课程时左侧直播间背景自动切换
- 添加我的项目库功能,展示25个完成项目
- 项目库采用灰色禁用样式,hover显示权限提示
- 优化李奇导师头像显示效果和容器背景色匹配
- 修复展会课程跳转链接

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
KQL
2025-09-08 09:32:40 +08:00
parent 7132a9f190
commit 9a14678a12
6 changed files with 221 additions and 16 deletions

View File

@@ -58,7 +58,32 @@
.course-list-item .arco-collapse-item-header {
border-radius: 8px;
background-color: #f2f3f5;
background-color: rgba(242, 243, 245, 0.9);
color: #1d2129;
font-weight: 600;
position: relative;
overflow: hidden;
}
/* 为带有背景图的单元项添加特殊样式 */
.course-list-item[style*="background-image"] .arco-collapse-item-header {
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.course-list-item[style*="background-image"] .arco-collapse-item-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: inherit;
background-size: cover;
background-position: center;
opacity: 0.3;
z-index: -1;
}
.course-list-item .arco-timeline-item {
@@ -67,7 +92,15 @@
}
.course-list-item .arco-collapse-item-content-expanded {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(2px);
border-radius: 0 0 8px 8px;
}
/* 为带有背景图的单元项内容区域添加特殊样式 */
.course-list-item[style*="background-image"] .arco-collapse-item-content-expanded {
background-color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(4px);
}
.course-list-item .arco-collapse-item-content-box {