mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-22 01:06:48 +08:00
feat:新增讨论页面 讨论详情页面
This commit is contained in:
@@ -384,8 +384,7 @@ export default {
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
margin-left: -10px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.detailinfo {
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
<!-- 考试测试的盒子 -->
|
||||
|
||||
<!-- 开始考试按钮 -->
|
||||
<button class="starttest">开始考试</button>
|
||||
<button class="starttest" style="cursor: pointer">开始考试</button>
|
||||
<!-- 开始考试按钮 -->
|
||||
<div class="righttitleE">
|
||||
<img width="20px" height="20px" src="../../assets/image/yuan.png" />
|
||||
|
||||
@@ -133,15 +133,13 @@
|
||||
}"
|
||||
>
|
||||
<img class="peopleimg" :src="el.peopleimg" />
|
||||
<div style="margin-left: 17px">
|
||||
<div class="teacherName">
|
||||
<div style="margin-right: 5px">{{ el.name }}</div>
|
||||
<div v-for="(item, key) in el.medal" :key="key">
|
||||
<img class="teacherMedal" :src="item" />
|
||||
</div>
|
||||
<div style="margin-left: 17px; width: 190px">
|
||||
<div class="teacherName" style="margin-right: 5px">
|
||||
{{ el.name }}
|
||||
</div>
|
||||
<div class="introduce">{{ el.introduce }}</div>
|
||||
</div>
|
||||
<div class="follow">+ 关注</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -417,6 +415,7 @@ export default {
|
||||
// min-height: 115px;
|
||||
padding: 25px 0px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
// align-items: center;
|
||||
}
|
||||
.teacheritem .peopleimg {
|
||||
@@ -430,22 +429,29 @@ export default {
|
||||
color: #394145;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 260px;
|
||||
}
|
||||
.teacheritem .teacherName .teacherMedal {
|
||||
width: 17px;
|
||||
height: 19px;
|
||||
margin-right: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.teacheritem .introduce {
|
||||
width: 260px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #394145;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.teacheritem .follow {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
background: #387df7;
|
||||
border-radius: 4px;
|
||||
margin-top: 28px;
|
||||
position: absolute;
|
||||
right: -25px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -125,15 +125,13 @@
|
||||
}"
|
||||
>
|
||||
<img class="peopleimg" :src="el.peopleimg" />
|
||||
<div style="margin-left: 17px">
|
||||
<div class="teacherName">
|
||||
<div style="margin-right: 5px">{{ el.name }}</div>
|
||||
<div v-for="(item, key) in el.medal" :key="key">
|
||||
<img class="teacherMedal" :src="item" />
|
||||
</div>
|
||||
<div style="margin-left: 17px; width: 190px">
|
||||
<div class="teacherName" style="margin-right: 5px">
|
||||
{{ el.name }}
|
||||
</div>
|
||||
<div class="introduce">{{ el.introduce }}</div>
|
||||
</div>
|
||||
<div class="follow">+ 关注</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -153,23 +151,15 @@ export default {
|
||||
{
|
||||
id: 1,
|
||||
name: "王星天(显示事业)",
|
||||
introduce: "教师是学生的镜子,学生是老师的影子。",
|
||||
introduce:
|
||||
"教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
|
||||
peopleimg: require("../../assets/image/img.jpg"),
|
||||
medal: [
|
||||
require("../../assets/image/medal/medal1.png"),
|
||||
require("../../assets/image/medal/medal2.png"),
|
||||
require("../../assets/image/medal/medal3.png"),
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "王星天(显示事业)",
|
||||
introduce: "教师是学生的镜子,学生是老师的影子。",
|
||||
peopleimg: require("../../assets/image/img.jpg"),
|
||||
medal: [
|
||||
require("../../assets/image/medal/medal1.png"),
|
||||
require("../../assets/image/medal/medal2.png"),
|
||||
],
|
||||
},
|
||||
],
|
||||
});
|
||||
@@ -509,12 +499,14 @@ export default {
|
||||
// min-height: 115px;
|
||||
padding: 25px 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.teacheritem .peopleimg {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 30px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.teacheritem .teacherName {
|
||||
font-size: 14px;
|
||||
@@ -522,22 +514,30 @@ export default {
|
||||
color: #394145;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 260px;
|
||||
}
|
||||
.teacheritem .teacherName .teacherMedal {
|
||||
width: 17px;
|
||||
height: 19px;
|
||||
margin-right: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.teacheritem .introduce {
|
||||
width: 260px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #394145;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.teacheritem .follow {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
background: #387df7;
|
||||
border-radius: 4px;
|
||||
margin-top: 28px;
|
||||
position: absolute;
|
||||
right: -25px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -273,6 +273,7 @@ export default {
|
||||
left: 50%;
|
||||
top: 900px;
|
||||
transform: translate(-50%, 0);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user