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> |