hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-12 04:16:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

style:增加路径图详情

Browse Source
This commit is contained in:
李晓鸽
2022-09-15 18:35:26 +08:00
parent 7d87467535 2bfc43677d
commit 191923146e
26 changed files with 3061 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/faceteach/FaceTeach.vue
View File

@@ -88,8 +88,8 @@
<div>
<div class="question">社交产品如何做好模块化处理？</div>
<div style="margin-top: 16px; display: flex">
<div class="active">必修</div>
<div class="unactive">作业</div>
<div class="tag1">必修</div>
<div class="tag3" style="margin-left: 11px">作业</div>
</div>
</div>
<div class="submit">提交</div>
@@ -102,8 +102,8 @@
模块化产品展示相关案例与展示：如何自由组合你的思考？
</div>
<div style="margin-top: 16px; display: flex">
<div class="active btncolor">必修</div>
<div class="unactive bordercolor fontcolor">考试</div>
<div class="tag1">必修</div>
<div class="tag3" style="margin-left: 11px">考试</div>
</div>
</div>
<div class="submit">去考试</div>
@@ -273,6 +273,7 @@ export default {
width: 100%;
margin-top: 20px;
display: flex;
align-items: flex-start;
.detail {
flex: 1;
margin-right: 20px;
@@ -365,45 +366,7 @@ export default {
color: #333330;
line-height: 18px;
}
.work .active {
width: 82px;
height: 28px;
background: linear-gradient(90deg, #a5d4e0 0%, #b4dce6 100%);
border-radius: 4px;
font-size: 14px;
font-weight: 500;
color: #ffffff;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-right: 11px;
}
.work .unactive {
width: 80px;
height: 26px;
border: 1px solid #a5d4e0;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
color: #a5d4e0;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 11px;
cursor: pointer;
}
.work .btncolor {
background: linear-gradient(90deg, #84aad2 0%, #a4c5e9 100%);
}
.work .bordercolor {
border: 1px solid #85aad2;
}
.work .fontcolor {
color: rgba(133, 170, 210, 1);
}
.work .submit {
width: 126px;
height: 46px;
@@ -423,7 +386,8 @@ export default {
}
.teacher {
width: 434px;
min-height: 557px;
min-height: 500px;
// height: 10%;
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
.title {
@@ -453,7 +417,7 @@ export default {
// min-height: 115px;
padding: 25px 0px;
display: flex;
align-items: center;
// align-items: center;
}
.teacheritem .peopleimg {
width: 60px;
@@ -481,6 +445,7 @@ export default {
font-weight: 500;
color: #394145;
margin-top: 14px;
line-height: 24px;
}
}
}