feat: There is no way the, 样式优化

This commit is contained in:
super_liu
2022-03-23 12:49:17 +08:00
parent 95ae8adc6c
commit c5a888aa6f
2 changed files with 71 additions and 55 deletions
@@ -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() {