feat: 实现公共课单元背景图片切换和项目库功能
- 为公共课直播间添加单元背景图片切换功能 - 支持终生学习系统、企业高管公开课、营销能力课的背景图片 - 点击不同单元课程时左侧直播间背景自动切换 - 添加我的项目库功能,展示25个完成项目 - 项目库采用灰色禁用样式,hover显示权限提示 - 优化李奇导师头像显示效果和容器背景色匹配 - 修复展会课程跳转链接 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user