mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-17 06:46:43 +08:00
文章增加编辑,删除操作
This commit is contained in:
@@ -3,9 +3,15 @@
|
|||||||
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="jumpDetail(item)">
|
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="jumpDetail(item)">
|
||||||
<div class="article-info">
|
<div class="article-info">
|
||||||
<div class="article-info-title one-line-ellipsis">
|
<div class="article-info-title one-line-ellipsis">
|
||||||
<span class="titleContent" >
|
|
||||||
|
<div class="titleContent" >
|
||||||
|
<span style="float: right;">
|
||||||
|
<el-button class="btncolor" @click.stop="editItem(item.id)" type="text" icon="el-icon-edit">编辑</el-button>
|
||||||
|
<el-button style="margin-left: 30px;" class="btncolor" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button>
|
||||||
|
</span>
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</span>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="art-head two-line-ellipsis">
|
<div class="art-head two-line-ellipsis">
|
||||||
<div class="article-info-summary">
|
<div class="article-info-summary">
|
||||||
@@ -65,7 +71,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log(this.items)
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
classFilter(status){
|
classFilter(status){
|
||||||
@@ -197,6 +203,11 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btncolor{
|
||||||
|
color: #8590A6;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
.one-line-ellipsis {
|
.one-line-ellipsis {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -285,7 +296,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.article-info-tools {
|
.article-info-tools {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user