课程详情页初步

This commit is contained in:
禺狨
2023-06-29 17:21:39 +08:00
parent e262ca34ff
commit 3dbf1c081f
2 changed files with 127 additions and 2 deletions

View File

@@ -5,4 +5,65 @@
background-color: #ff4d4f;
box-sizing: border-box;
padding: 8px 20px 20px 20px;
.title {
width: 100%;
height: 48px;
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 0.88);
line-height: 24px;
text-align: left;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.info-content {
width: 100%;
height: 80px;
display: flex;
flex-direction: row;
align-items: center;
.info {
flex: 1;
display: flex;
flex-direction: column;
text-align: left;
.record {
width: auto;
height: 20px;
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.88);
line-height: 20px;
margin-top: 10px;
strong {
font-size: 20px;
}
}
.type {
width: auto;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #ffffff;
line-height: 12px;
margin-top: 20px;
}
}
.progress-box {
width: 80px;
height: 80px;
.num {
font-size: 16px;
font-weight: 600;
color: #ffffff;
line-height: 16px;
}
}
}
}