fix: 文字超出长度增加popver

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

@ -45,7 +45,9 @@ onMounted(async () => {
<div class="id-wrap">
<SvgIcon :name="svgName" size="28" />
<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>
</div>
@ -111,8 +113,10 @@ onMounted(async () => {
color: #333333;
margin-bottom: 0 0 8px 8px;
display: flex;
justify-content: space-between;
.list-item-title{
justify-content: flex-start;
align-items: center;
.list-item-title {
width: 200px;
display: inline-block;
white-space: nowrap;

@ -480,7 +480,7 @@ function reloadList() {
<!-- 右侧任务 标题信息 -->
<div class="right">
<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="tag tag-submiting" v-if="taskDetailInfo.states == 1">{{ TASK_STATUS_OBJ[taskDetailInfo.states]
}}</div>

Loading…
Cancel
Save