timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix store name overflow

Browse Source
This commit is contained in:
Timi
2026-09-13 15:35:11 +08:00
parent 9332f6ddb8
commit 34fed4702d
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/store/StoreList.vue
+9 -1
View File
@@ -21,7 +21,7 @@
> >
<template #title> <template #title>
<div class="header"> <div class="header">
<div class="text-bold" v-text="item.name || '未命名门店'"></div> <div class="title text-bold clip-text" v-text="item.name || '未命名门店'"></div>
<t-tag size="small" :theme="getStoreStatusTheme(item.status)" variant="outline" :content="getStoreStatusText(item.status)" /> <t-tag size="small" :theme="getStoreStatusTheme(item.status)" variant="outline" :content="getStoreStatusText(item.status)" />
</div> </div>
</template> </template>
@@ -259,9 +259,17 @@ onUnmounted(() => {
.item { .item {
:deep(.t-cell__title) {
flex: 1 1 0;
min-width: 0;
overflow: hidden;
}
.header { .header {
gap: .5rem; gap: .5rem;
display: flex; display: flex;
overflow: hidden;
min-width: 0;
align-items: center; align-items: center;
} }