fix: 文字超出长度增加popver

pull/21/head
lizijiee 1 year ago
parent ff11552fc6
commit d4ee5d73b7

@ -45,7 +45,9 @@ onMounted(async () => {
<div class="id-wrap"> <div class="id-wrap">
<SvgIcon :name="svgName" size="28" /> <SvgIcon :name="svgName" size="28" />
<span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }"> <span class="list-item-header-name" :class="{ 'list-item-header-selected': selected }">
<span class="list-item-title" :title="listItem.name">{{ listItem.name }} </span> <n-ellipsis style="max-width: 226px">
{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}{{ listItem.name }}
</n-ellipsis>
<span class="list-item-header-selected">({{ listItem.pictureCount }})</span> <span class="list-item-header-selected">({{ listItem.pictureCount }})</span>
</span> </span>
</div> </div>
@ -111,8 +113,10 @@ onMounted(async () => {
color: #333333; color: #333333;
margin-bottom: 0 0 8px 8px; margin-bottom: 0 0 8px 8px;
display: flex; display: flex;
justify-content: space-between; justify-content: flex-start;
.list-item-title{ align-items: center;
.list-item-title {
width: 200px; width: 200px;
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;

@ -480,7 +480,7 @@ function reloadList() {
<!-- 右侧任务 标题信息 --> <!-- 右侧任务 标题信息 -->
<div class="right"> <div class="right">
<n-scrollbar style="max-height: 100%"> <n-scrollbar style="max-height: 100%">
<span class="task-name" :title="taskDetailInfo.taskname">任务ID{{ taskDetailInfo.taskname }}</span> <n-ellipsis style="max-width: 350px">任务ID{{ taskDetailInfo.taskname }}</n-ellipsis>
<div class="tags"> <div class="tags">
<div class="tag tag-submiting" v-if="taskDetailInfo.states == 1">{{ TASK_STATUS_OBJ[taskDetailInfo.states] <div class="tag tag-submiting" v-if="taskDetailInfo.states == 1">{{ TASK_STATUS_OBJ[taskDetailInfo.states]
}}</div> }}</div>

Loading…
Cancel
Save