mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 03:46:44 +08:00
修改个人中心
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user