Duguay/teach_sys_Demo
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完善课程直播页面和首页Dashboard数据同步

Browse Source 
- 修复6月17日单元小结归属问题，正确归入商业设计基础单元
- 添加单元海报功能，非直播状态显示单元海报图片
- 更新首页Dashboard开始上课和当日事项板块数据
- 实现课程数据与Dashboard数据自动同步
- 优化课程列表显示，包含完整100门课程数据

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
KQL
2025-09-02 22:09:48 +08:00
parent ed5b65ea41
commit 316dd9b6bf
27 changed files with 2287 additions and 719 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/pages/PersonalProfile/components/StudyStudes/index.css
View File

@@ -1,14 +1,16 @@
.study-studes-card-wrapper {
width: 100%;
height: 100%;
border-radius: 8px;
background-color: #fff;
border-radius: 16px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
position: relative;
z-index: 1;
overflow: hidden;
.study-studes-card-title {
height: 30px;
@@ -18,7 +20,16 @@
line-height: 30px;
color: #262626;
margin-bottom: 20px;
display: flex;
align-items: center;
.title-icon {
width: 24px;
height: 24px;
margin-right: 10px;
}
}
.study-studes-card-spin {
margin: auto;
}
@@ -27,164 +38,208 @@
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
.study-studes-card-study-info {
width: 356px;
height: 310px;
flex-shrink: 0;
width: 338px;
height: 308px;
border-radius: 12px;
position: relative;
background-image: url("@/assets/images/PersonalProfile/study_study_bg.png");
background-size: 100% 100%;
background-color: rgba(255, 255, 255, 0.6);
border: 2px solid rgba(255, 255, 255, 0.8);
box-sizing: border-box;
padding: 10px 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
.study-studes-card-time-wrapper {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
border-radius: 8px;
border: 1px solid #fff;
width: 314px;
height: 156px;
width: 324px;
height: 133px;
background-color: #fff;
box-shadow: 2px 2px 16.4px 0px rgba(103, 162, 247, 0.25);
box-sizing: border-box;
padding: 20px;
.study-studes-card-study-time-wrapper {
padding: 20px 10px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
.study-studes-card-study-info-title {
width: 100%;
height: 60px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
height: 24px;
font-size: 16px;
font-weight: 400;
color: #1d2129;
position: relative;
box-sizing: border-box;
padding-left: 30px;
.study-studes-card-study-info-title {
font-size: 14px;
font-weight: 600;
color: #4e5969;
margin-bottom: 10px;
&::before {
content: "";
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-image: url("@/assets/images/PersonalProfile/title_icon.png");
background-size: 100% 100%;
}
}
.study-studes-card-study-time-line-class {
> i {
background: linear-gradient(
to right,
#4564ff,
#ab2cff
) !important;
}
}
.study-studes-card-study-time-line {
width: 265px;
height: 10px;
.study-studes-card-study-time-line {
width: 290px;
height: 12px;
border-radius: 12px;
background-color: #f4f7f9;
position: relative;
margin-bottom: 10px;
> i {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 12px;
background-color: #cedefa;
position: relative;
> i {
> span {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 12px;
background: linear-gradient(to right, #2c7aff, #00aeff);
> span {
position: absolute;
display: block;
right: 0;
top: 30%;
transform: translate(50%, 30%);
font-style: normal;
width: 38px;
height: 21px;
line-height: 22px;
text-align: center;
font-size: 12px;
font-weight: 600;
color: #2358ed;
background-image: url("@/assets/images/PersonalProfile/line_icon.png");
background-size: 100% 100%;
}
display: block;
right: 0;
top: -25px;
transform: translateX(50%);
font-style: normal;
width: 46px;
height: 24px;
line-height: 20px;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #fff;
background-size: 100% 100%;
}
.icon1 {
background-image: url("@/assets/images/PersonalProfile/line_icon1.png");
}
.icon2 {
background-image: url("@/assets/images/PersonalProfile/line_icon2.png");
}
}
.line1 {
background: linear-gradient(to right, #2c7dff, #2da7ff);
}
.line2 {
background: linear-gradient(to right, #37c850, #86e263);
}
}
}
}
.study-studes-card-study-progress {
height: 310px;
width: 356px;
box-sizing: border-box;
border-radius: 12px;
background-color: rgba(255, 255, 255, 0.6);
border: 2px solid rgba(255, 255, 255, 0.8);
display: flex;
justify-content: flex-start;
justify-content: center;
align-items: center;
flex-direction: column;
height: 308px;
width: 330px;
border-radius: 8px;
margin-left: 20px;
.study-studes-card-study-progress-chart {
width: 250px;
height: 250px;
margin-top: 50px;
margin-bottom: 20px;
}
.study-studes-card-study-progress-title {
color: #1d2129;
font-size: 16px;
font-weight: 600;
margin-top: 20px;
}
}
.study-studes-card-curriculum-homework {
margin-left: 40px;
margin-right: 40px;
margin-left: 15px;
margin-bottom: 20px;
}
.study-studes-card-curriculum {
width: 194px;
height: 350px;
width: 232px;
height: 390px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
margin-top: 20px;
box-sizing: border-box;
border-radius: 12px;
background-color: rgba(255, 255, 255, 0.6);
border: 2px solid rgba(255, 255, 255, 0.8);
padding: 10px;
.study-studes-card-curriculum-title {
width: 100%;
height: 24px;
font-size: 16px;
font-weight: 400;
color: #1d2129;
position: relative;
box-sizing: border-box;
padding-left: 30px;
margin-bottom: 10px;
&::before {
content: "";
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-image: url("@/assets/images/PersonalProfile/title_icon.png");
background-size: 100% 100%;
}
}
.study-studes-card-curriculum-chart {
width: 194px;
height: 200px;
margin-bottom: 30px;
width: 180px;
height: 180px;
margin-bottom: 10px;
}
.study-studes-card-curriculum-info:last-child {
margin-bottom: 0;
}
.study-studes-card-curriculum-info {
width: 194px;
height: 69px;
border-radius: 8px;
background-color: #f7f8fa;
width: 200px;
height: 73px;
border-radius: 12px;
background-color: #ffffff;
box-sizing: border-box;
padding: 10px;
margin-bottom: 20px;
margin-bottom: 10px;
> p {
font-size: 14px;
font-weight: 400;
color: #4e5969;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
> i {
width: 12px;
height: 12px;
border-radius: 3px;
margin-right: 5px;
}
.my-i {
background-image: linear-gradient(0deg, #2c7aff, #2cb1ff);
}
.class-i {
background-image: linear-gradient(0deg, #25c343, #99e869);
}
.loss-i {
background-image: linear-gradient(0deg, #ff9a2d, #ffc02d);
}
> span {
font-size: 14px;
font-weight: 400;
color: #1d2129;
}
}
> span {
font-size: 20px;
font-weight: 600;
}
.study-studes-card-curriculum-info-span1 {
color: #0aa4ff;
}
.study-studes-card-curriculum-info-span2 {
color: #5e57ff;
}
.study-studes-card-curriculum-info-span3 {
color: #ff9d2c;
font-weight: 900;
font-family: "HarmonyOS Sans TC";
color: #1d2129;
}
}
}