Commit 025aa0aa6827c1d691ce44e0528bf1fd759c9eb6
1 parent
67c01a6d
perf(src/packages): 优化native-ui中的n-ellipsis组件使用错误,浏览器控制台打印警告
Showing
1 changed file
with
10 additions
and
2 deletions
@@ -20,7 +20,9 @@ | @@ -20,7 +20,9 @@ | ||
20 | <mac-os-control-btn class="list-header-control-btn" :mini="true" :disabled="true"></mac-os-control-btn> | 20 | <mac-os-control-btn class="list-header-control-btn" :mini="true" :disabled="true"></mac-os-control-btn> |
21 | <n-tooltip trigger="hover"> | 21 | <n-tooltip trigger="hover"> |
22 | <template #trigger> | 22 | <template #trigger> |
23 | - <n-ellipsis style="max-width: 90%; font-size: 12px">{{ t(item.title) }}</n-ellipsis> | 23 | + <n-text style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px">{{ |
24 | + t(item.title) | ||
25 | + }}</n-text> | ||
24 | </template> | 26 | </template> |
25 | {{ t(item.title) }} | 27 | {{ t(item.title) }} |
26 | </n-tooltip> | 28 | </n-tooltip> |
@@ -28,7 +30,13 @@ | @@ -28,7 +30,13 @@ | ||
28 | <div class="list-center go-flex-center go-transition" draggable="true"> | 30 | <div class="list-center go-flex-center go-transition" draggable="true"> |
29 | <Icon v-if="item.icon" class="list-img" :icon="item.icon" color="#999" width="48" /> | 31 | <Icon v-if="item.icon" class="list-img" :icon="item.icon" color="#999" width="48" /> |
30 | <div class="list-img" v-else-if="item.threeModelImageUrl"> | 32 | <div class="list-img" v-else-if="item.threeModelImageUrl"> |
31 | - <n-image height="100" width="140" object-fit="fill" preview-disabled :src="item.threeModelImageUrl"></n-image> | 33 | + <n-image |
34 | + height="100" | ||
35 | + width="140" | ||
36 | + object-fit="fill" | ||
37 | + preview-disabled | ||
38 | + :src="item.threeModelImageUrl" | ||
39 | + ></n-image> | ||
32 | </div> | 40 | </div> |
33 | <chart-glob-image v-else class="list-img" :chartConfig="item" /> | 41 | <chart-glob-image v-else class="list-img" :chartConfig="item" /> |
34 | </div> | 42 | </div> |