修改个人中心

This commit is contained in:
lmj
2022-10-11 17:54:04 +08:00
parent eb161db619
commit 2ddfcf1a45
3 changed files with 109 additions and 58 deletions

View File

@@ -3,23 +3,28 @@
<div class="article-list" v-for="(item,idx) in items" :key="idx">
<div class="article-info ">
<div class="article-info-title " >
<div style="width:85%" class="title-line-ellipsis">
<router-link :to="'/case/detail?id='+item.cases.id" >{{item.cases.title}}</router-link>
<div style="width:85%" class=" ">
<router-link :to="'/case/detail?id='+item.cases.id" ><div class="case-tit title-line-ellipsis">{{item.cases.title}} <span class="bq-case">#案例#</span> </div> </router-link>
</div>
<div class="article-info-date">
<el-button @click="delItem(item)" type="text" style="color: #8590A6" icon="el-icon-remove">取消收藏</el-button>
</div>
</div>
<div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"></authorInfo>
<!-- <span style="margin-top:2px">发布时间{{ item.cases.sysCreateTime || item.publishTime | timeFilter }}</span> -->
<!-- <span style="margin-top:2px">收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span> -->
<!-- <interactBar :type="0" :data="item.cases" :shares="false" :views="false"></interactBar> -->
</div>
<div class="article-info-summary three-line-ellipsis">
<router-link :to="'/case/detail?id='+item.cases.id" > {{item.cases.summary}}</router-link>
</div>
<div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo" :sex="item.sex"></authorInfo>
<span style="margin-top:2px">发布时间{{ item.cases.sysCreateTime || item.publishTime | timeFilter }}</span>
<span style="margin-top:2px">收藏时间{{ item.time || item.favoritesTime | timeFilter }}</span>
<!-- <interactBar :type="0" :data="item.cases" :shares="false" :views="false"></interactBar> -->
<div>
<interactBar :type="3" :readonly="true" :data="items" :views="false" :shares="false"></interactBar>
</div>
</div>
</div>
</div>
@@ -27,7 +32,7 @@
<script>
import authorInfo from '@/components/Portal/authorInfo.vue';
import interactBar from '@/components/Portal/interactBar.vue'
import interactBar from '@/components/Portal/interactBar.vue';
export default {
name: 'articleItems',
props: {
@@ -61,6 +66,17 @@
</script>
<style lang="scss" scoped>
.case-tit{
color: #333333;
font-size: 18px;
font-weight: 600;
}
.bq-case{
font-size: 16px;
color: #333333;
font-weight: normal;
margin-left: 5px;
}
.title-line-ellipsis{
display: -webkit-box;
overflow: hidden;
@@ -99,6 +115,7 @@
margin: 5px 0;
border-bottom: 1px solid #dddddd;
padding: 0px;
padding-bottom: 25px;
}
.article-info {
@@ -123,9 +140,10 @@
}
}
.article-info-summary {
color: #333330;
font-size: 14px;
line-height: 25px;
color: #999999;
margin-bottom: 15px;
}
.article-info-tools {
height: 45px;