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

init

Browse Source
This commit is contained in:
前端人绝不为奴
2025-08-15 16:16:41 +08:00
commit 182abccc60
171 changed files with 26833 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/pages/PersonalProfile/components/StudyStudes/index.css Normal file
View File

@@ -0,0 +1,196 @@
.study-studes-card-wrapper {
width: 100%;
height: 100%;
border-radius: 8px;
background-color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
box-sizing: border-box;
padding: 20px;
.study-studes-card-title {
height: 30px;
width: 100%;
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: #262626;
}
.study-studes-card-list {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
.study-studes-card-study-info {
flex-shrink: 0;
width: 338px;
height: 308px;
position: relative;
background-image: url("@/assets/images/PersonalProfile/study_study_bg.png");
background-size: 100% 100%;
margin-bottom: 37px;
.study-studes-card-time-wrapper {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
border-radius: 8px;
border: 1px solid #fff;
width: 314px;
height: 156px;
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 {
width: 100%;
height: 60px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
.study-studes-card-study-info-title {
font-size: 14px;
font-weight: 600;
color: #4e5969;
margin-bottom: 10px;
}
.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;
border-radius: 12px;
background-color: #cedefa;
position: relative;
> i {
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%;
}
}
}
}
}
}
.study-studes-card-study-progress {
display: flex;
justify-content: flex-start;
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;
}
.study-studes-card-curriculum {
width: 194px;
height: 350px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
margin-top: 20px;
.study-studes-card-curriculum-chart {
width: 194px;
height: 200px;
}
.study-studes-card-curriculum-info {
width: 194px;
height: 69px;
border-radius: 8px;
background-color: #f7f8fa;
box-sizing: border-box;
padding: 10px;
margin-bottom: 20px;
> p {
font-size: 14px;
font-weight: 400;
color: #4e5969;
}
> 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;
}
}
}
.study-studes-card-curriculum-chart-center-content {
width: 127px;
height: 127px;
border-radius: 50%;
line-height: 127px;
color: #1d2129;
font-size: 16px;
font-weight: 600;
background-color: #e8f3ff;
box-shadow: inset 0 0 15.6px 0 rgba(0, 172, 255, 0.2); /* #0AC3FF 转 rgba，20% 透明度 */
}
}
}