feat:新增讨论页面 讨论详情页面

This commit is contained in:
songwc
2022-09-22 09:07:14 +08:00
6 changed files with 591 additions and 544 deletions

View File

@@ -384,8 +384,7 @@ export default {
line-height: 24px;
height: 24px;
font-weight: 600;
color: #fff;
margin-left: -10px;
color: #ffffff;
}
.detailinfo {

View File

@@ -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" />

View File

@@ -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

View File

@@ -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>

View File

@@ -273,6 +273,7 @@ export default {
left: 50%;
top: 900px;
transform: translate(-50%, 0);
cursor: pointer;
}
}