修复项目隐藏省略号和项目行高冲突的问题。

This commit is contained in:
unknown 2024-07-05 22:36:15 +08:00
parent 6386518171
commit 0cb66ffaa5
5 changed files with 51 additions and 3 deletions

View File

@ -65,6 +65,19 @@
: 'item-name-tile-1' : 'item-name-tile-1'
}`, }`,
]" ]"
:style="{
fontSize: store.setting.item.fontSize + 'px',
fontWeight: store.setting.item.fontWeight,
lineHeight: store.setting.item.fontLineHeight + 'rem',
maxHeight:
store.setting.item.itemNameRowCount == 2
? store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 2 + 'rem'
: undefined
: store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 1 + 'rem'
: undefined,
}"
> >
{{ item.name }} {{ item.name }}
</p> </p>

View File

@ -60,6 +60,18 @@
: undefined, : undefined,
fontWeight: store.setting.item.fontWeight, fontWeight: store.setting.item.fontWeight,
lineHeight: store.setting.item.fontLineHeight + 'rem', lineHeight: store.setting.item.fontLineHeight + 'rem',
maxHeight:
getLayout(classificationId) === 'list'
? store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 1 + 'rem'
: undefined
: store.setting.item.itemNameRowCount === 2
? store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 2 + 'rem'
: undefined
: store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 1 + 'rem'
: undefined,
}" }"
v-if="!store.setting.item.hideItemName" v-if="!store.setting.item.hideItemName"
> >

View File

@ -65,6 +65,19 @@
: 'item-name-tile-1' : 'item-name-tile-1'
}`, }`,
]" ]"
:style="{
fontSize: store.setting.item.fontSize + 'px',
fontWeight: store.setting.item.fontWeight,
lineHeight: store.setting.item.fontLineHeight + 'rem',
maxHeight:
store.setting.item.itemNameRowCount == 2
? store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 2 + 'rem'
: undefined
: store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 1 + 'rem'
: undefined,
}"
> >
{{ item.name }} {{ item.name }}
</p> </p>

View File

@ -66,6 +66,19 @@
: 'item-name-tile-1' : 'item-name-tile-1'
}`, }`,
]" ]"
:style="{
fontSize: store.setting.item.fontSize + 'px',
fontWeight: store.setting.item.fontWeight,
lineHeight: store.setting.item.fontLineHeight + 'rem',
maxHeight:
store.setting.item.itemNameRowCount == 2
? store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 2 + 'rem'
: undefined
: store.setting.item.hideEllipsis
? store.setting.item.fontLineHeight * 1 + 'rem'
: undefined,
}"
> >
{{ item.name }} {{ item.name }}
</p> </p>

View File

@ -85,7 +85,6 @@ input::-webkit-inner-spin-button {
} }
.item-name-tile-2-no-ellipsis { .item-name-tile-2-no-ellipsis {
max-height: 40px;
word-break: break-word; word-break: break-word;
overflow: hidden; overflow: hidden;
} }
@ -101,7 +100,6 @@ input::-webkit-inner-spin-button {
} }
.item-name-tile-1-no-ellipsis { .item-name-tile-1-no-ellipsis {
max-height: 20px;
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
} }
@ -117,7 +115,6 @@ input::-webkit-inner-spin-button {
} }
.item-name-list-no-ellipsis { .item-name-list-no-ellipsis {
max-height: 20px;
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
} }