style:上传组件-文件名称调整

main
黄伟杰 6 days ago
parent f1eb69bb25
commit c87f6b33e1

@ -34,7 +34,7 @@
</div> </div>
</template> </template>
<template #file="row"> <template #file="row">
<div class="flex items-center"> <div class="file-list-item-content flex items-center">
<!-- <span>{{ row.file.name }}</span> --> <!-- <span>{{ row.file.name }}</span> -->
<el-tooltip :content="row.file.name" placement="top"> <el-tooltip :content="row.file.name" placement="top">
<span class="ellipsis-text">{{ row.file.name }}</span> <span class="ellipsis-text">{{ row.file.name }}</span>
@ -397,10 +397,14 @@ const emitUpdateModelValue = () => {
} }
.ellipsis-text { .ellipsis-text {
display: inline-block; flex: 1;
max-width: 100px; min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.file-list-item-content :deep(.ml-10px) {
flex: none;
}
</style> </style>

Loading…
Cancel
Save