style(article-management): 优化附件列表样式
- 在 add.vue 和 detail.vue 中为附件列表项添加底部间距,提升可读性 - 保持附件列表样式在不同页面中的一致性
This commit is contained in:
@@ -52,7 +52,7 @@
|
||||
<!-- </template>-->
|
||||
<el-col :span="24" style="margin-left: -15px">
|
||||
<div style="display: flex;flex-direction: column">
|
||||
<div v-for="(item,index) in formData.fileList" style="display: flex;align-items: center">
|
||||
<div v-for="(item,index) in formData.fileList" style="display: flex;align-items: center;margin-bottom: 5px">
|
||||
附件{{ index + 1 }}: <a :href="item.url" style="color: #409eff;" class="a-style" target="_blank">{{ item.originalFileName }}</a>
|
||||
<el-icon size="18" style="margin:0 20px;cursor: pointer" color="#409eff" @click="handleDelete(item,index)">
|
||||
<CircleClose/>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<el-row gutter="20">
|
||||
<el-col :span="24">
|
||||
<div style="display: flex;flex-direction: column">
|
||||
<div v-for="(item,index) in formData.fileList" style="display: flex;align-items: center">
|
||||
<div v-for="(item,index) in formData.fileList" style="display: flex;align-items: center;margin-bottom: 5px">
|
||||
附件{{ index + 1 }}: <a :href="item.url" style="color: #409eff;" class="a-style" target="_blank">{{ item.originalFileName }}</a>
|
||||
<el-button type="primary" link @click="handleDownload(item)" style="font-size: 16px;margin-left: 10px">下载</el-button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user