hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 04:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

案例收藏

Browse Source
This commit is contained in:
lmj
2022-06-08 16:19:57 +08:00
parent 248b071490
commit eefed5a90c
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Case/collectList.vue
View File

@@ -2,14 +2,18 @@
<div style=""> <div style="">
<div class="article-list" v-for="(item,idx) in items" :key="idx"> <div class="article-list" v-for="(item,idx) in items" :key="idx">
<div class="article-info "> <div class="article-info ">
<div class="article-info-title title-line-ellipsis" > <div class="article-info-title " >
<div style="width:85%" class="title-line-ellipsis">
<router-link :to="'/case/detail?id='+item.cases.id" target="_blank" >{{item.cases.title}}</router-link> <router-link :to="'/case/detail?id='+item.cases.id" target="_blank" >{{item.cases.title}}</router-link>
</div>
<div class="article-info-date"> <div class="article-info-date">
<el-button @click="delItem(item)" type="text" icon="el-icon-remove">取消收藏</el-button> <el-button @click="delItem(item)" type="text" icon="el-icon-remove">取消收藏</el-button>
</div> </div>
</div> </div>
<div class="article-info-summary three-line-ellipsis"> <div class="article-info-summary three-line-ellipsis">
{{item.cases.summary}}
<router-link :to="'/case/detail?id='+item.cases.id" target="_blank" > {{item.cases.summary}}</router-link>
</div> </div>
<div class="article-info-tools"> <div class="article-info-tools">
<authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo> <authorInfo :avatar="item.avatar" :name="item.name" :info="item.orgInfo"></authorInfo>
@@ -59,7 +63,6 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.title-line-ellipsis{ .title-line-ellipsis{
width: 100%;
display: -webkit-box; display: -webkit-box;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
@@ -100,15 +103,19 @@
} }
.article-info { .article-info {
.article-info-title { .article-info-title {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
display: flex;
// width: 80%;
.article-info-date { .article-info-date {
flex: 1;
height: 40px; height: 40px;
text-align: right;
line-height: 40px; line-height: 40px;
float: right;
font-weight: 200; font-weight: 200;
color: #999999; color: #999999;
i { i {