文章增加编辑,删除操作

This commit is contained in:
daihh
2022-11-09 16:11:41 +08:00
parent 998bd6b527
commit fccb4b4cc0

View File

@@ -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;