|
@@ -60,7 +60,11 @@
|
|
|
<span v-else>-</span>
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="content" label="内容" />
|
|
|
|
|
|
|
+ <el-table-column label="内容" show-overflow-tooltip>
|
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
|
+ <div class="content-html" v-html="row.content" />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="createTime" label="创建时间" width="160" align="center" />
|
|
<el-table-column prop="createTime" label="创建时间" width="160" align="center" />
|
|
|
<el-table-column prop="status" label="状态" width="160" align="center">
|
|
<el-table-column prop="status" label="状态" width="160" align="center">
|
|
|
<template #default="{ row }">
|
|
<template #default="{ row }">
|
|
@@ -181,6 +185,16 @@ const handleQuery = () => {
|
|
|
justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+.content-html {
|
|
|
|
|
+ display: -webkit-box;
|
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
|
+ line-clamp: 2;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ :deep(img) {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
.pagination-wrap {
|
|
.pagination-wrap {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|