feat: There is no way the, 样式优化
This commit is contained in:
@@ -66,15 +66,15 @@
|
||||
<!--发布稿(必读)-->
|
||||
<template v-for="(child, childIndex) in item.child1">
|
||||
<div class="files-titles" style="border-bottom: 1px solid #E5E5E5">
|
||||
<label style="margin-right: 164px;">{{ child.attrName }}</label>
|
||||
<label style="float: left">{{ child.attrName }}</label>
|
||||
<template v-if="child.value && child.value.length > 0">
|
||||
<!-- 单个文件时-->
|
||||
<div style="position: relative;">
|
||||
<div style="position: relative;margin-left: 214px;">
|
||||
<div v-for="(file, fileIndex) in child1Func(child.value)" style="display: flex;">
|
||||
<span v-if="child.value && child.value.length > 0 && child.value.length === 1" style="display: flex; align-items: center;">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer;"
|
||||
@click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
|
||||
:title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
:title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
@@ -91,10 +91,10 @@
|
||||
</span>
|
||||
<!-- 多个文件时-->
|
||||
<div v-else-if="child.value && child.value.length > 0">
|
||||
<span style="margin-left: 19%;display: flex; align-items: center;">
|
||||
<span style="display: flex; align-items: center;">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer"
|
||||
@click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
|
||||
:title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
:title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
@@ -1784,6 +1784,13 @@ export default {
|
||||
return value.slice(0, 12) + '...'
|
||||
}
|
||||
return value
|
||||
},
|
||||
ellipsis50 (value) {
|
||||
if (!value) return ''
|
||||
if (value.length > 50) {
|
||||
return value.slice(0,50) + '...'
|
||||
}
|
||||
return value
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
||||
Reference in New Issue
Block a user