theluyuan/falvpingtai
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

关注

Browse Source
This commit is contained in:
pplokijuhyg
2019-11-29 10:36:38 +08:00
parent b62c9a1eaa
commit cfdd31be74
4 changed files with 281 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/PersonafFollow.vue
View File

@@ -1,23 +1,23 @@
<template>
<div class="PersonafFollow">
<div class="title">
<p>收藏了该回答</p>
<p>3天前</p>
<p>{{operation}}</p>
<p>{{day}}</p>
</div>
<div class="center">舆论之于司法利大于弊还是弊大于利？</div>
<div class="center">{{title}}</div>
<div class="answer">
<div class="user">
<img src="http://q1.qlogo.cn/g?b=qq&nk=1162963624&s=5" alt srcset />
<img :src="userimg" alt srcset />
<div>
<p>啦啦啦</p>
<p>律师</p>
<p>{{nickname}}</p>
<p>{{role}}</p>
</div>
</div>
<div class="agree">1345人赞同了该回答</div>
<div class="agree">{{num}}人赞同了该回答</div>
<div class="content">
<img src alt srcset />
<img :src="img" alt srcset />
<p>
这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明
{{text}}
</p>
</div>
<div class="operation">
@@ -27,7 +27,7 @@
</div>
<div>
<img src="../assets/share.png" alt="" srcset="">
888评论
{{comment}}评论
</div>
<div>
@@ -124,6 +124,7 @@ export default {
name: "PersonafFollow",
data() {
return {};
}
},
props:['operation','day','title','userimg','nickname','img','role','num','text','comment']
};
</script>

130
src/components/PersonafFollows.vue Normal file
View File

@@ -0,0 +1,130 @@
<template>
<div class="PersonafFollow">
<div class="title">
<!-- <p>{{operation}}</p>
<p>{{day}}前</p> -->
</div>
<div class="center">{{title}}</div>
<div class="answer">
<div class="user">
<img :src="userimg" alt srcset />
<div>
<p>{{nickname}}</p>
<p>{{role}}</p>
</div>
</div>
<div class="agree">{{num}}人赞同了该回答</div>
<div class="content">
<img :src="img" alt srcset />
<p>
{{text}}
</p>
</div>
<div class="operation">
<div>
<img src="../assets/share.png" alt="" srcset="">
分享
</div>
<div>
<img src="../assets/share.png" alt="" srcset="">
{{comment}}评论
</div>
<div>
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.PersonafFollow {
padding: 0 0 39px 0;
border-bottom: 1px solid #dfdfdf;
.title {
display: flex;
justify-content: space-between;
font-size: 26px;
color: #95998f;
// margin-bottom: 28px;
}
.center {
font-size: 30px;
color: #000;
line-height: 46px;
}
.answer {
.user {
display: flex;
align-items: center;
margin-top: 34px;
> img {
width: 58px;
height: 58px;
border-radius: 4px;
margin-right: 20px;
}
> div {
display: flex;
flex-direction: column;
> p {
font-size: 24px;
color: #000;
}
> p:last-child {
margin-top: 10px;
font-size: 24px;
color: #999;
}
}
}
.agree {
margin-top: 29px;
font-size: 26px;
color: #95998f;
}
.content {
> img {
width: 690px;
height: 374px;
background-color: #000;
display: block;
margin-top: 39px;
margin-bottom: 32px;
}
> p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 40px;
font-size: 26px;
}
}
.operation{
display: flex;
margin-top: 30px;
>div{
margin-right: 60px;
font-size: 22px;
color: #95998F;
>img{
width: 17px;
height: 17px;
margin-right: 11px;
}
}
}
}
}
</style>
<script>
export default {
name: "PersonafFollows",
data() {
return {};
},
props:['operation','day','title','userimg','nickname','img','role','num','text','comment']
};
</script>

10
src/components/PersonalAnswer.vue
View File

@@ -1,12 +1,11 @@
<template>
<div class="PersonalAnswer">
<div class="title">
<p>关注了该问题</p>
<p>3天前</p>
<p>{{operation}}</p>
<p>{{day}}</p>
</div>
<div class="center">
如何看待正当防卫争议：丽江醉酒男午夜持刀砸门
90后女子带刀“反杀”?
{{title}}
</div>
</div>
</template>
@@ -33,6 +32,7 @@ export default {
name: "PersonalAnswer",
data() {
return {};
}
},
props:['operation','day','title']
};
</script>