style: ellipsis

This commit is contained in:
teukkk 2025-07-15 14:20:53 +08:00
parent dc960d1628
commit 1b94f16e2a
2 changed files with 6 additions and 2 deletions

View File

@ -1,5 +1,5 @@
<template>
<el-dropdown placement="bottom-start" class="workspace-dropdown" popper-class="workspace-dropdown-popper">
<el-dropdown trigger="click" placement="bottom-start" class="workspace-dropdown" popper-class="workspace-dropdown-popper">
<el-button text style="font-size: 14px" class="workspace-dropdown__button">
<AppIcon iconName="app-workspace" style="font-size: 18px"></AppIcon>
<span class="ellipsis" style="max-width: 155px" :title="currentWorkspace?.name">

View File

@ -8,7 +8,11 @@
:placeholder="model.selectProps?.placeholder ?? $t('common.selectPlaceholder')" :clearable="model.selectProps?.clearableFunction?model.selectProps?.clearableFunction?.(element): true" filterable
multiple style="width: 100%" collapse-tags collapse-tags-tooltip v-bind="model.selectProps">
<el-option v-for="opt in model.selectProps?.options" :key="opt.value" :label="opt.label"
:value="opt.value" :disabled="opt.disabledFunction?.(element)" />
:value="opt.value" :disabled="opt.disabledFunction?.(element)">
<el-tooltip effect="dark" :content="opt.label" placement="top" :show-after="500">
<div class="ellipsis" style="max-width: 190px;">{{ opt.label }}</div>
</el-tooltip>
</el-option>
</el-select>
</el-form-item>
<!-- 删除按钮 -->