Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 修复 text 过长时溢出容器问题

Browse Source
This commit is contained in:
BTMuli
2023-10-14 01:33:41 +08:00
parent d2fa3529f8
commit 358255d50a
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/func/confirm.vue
View File

@@ -6,7 +6,11 @@
<div class="confirm-title"> <div class="confirm-title">
{{ data.title }} {{ data.title }}
</div> </div>
<div v-if="data?.text !== '' && data.mode === 'confirm'" class="confirm-subtitle"> <div
v-if="data?.text !== '' && data.mode === 'confirm'"
class="confirm-subtitle"
:title="data.text"
>
{{ data.text }} {{ data.text }}
</div> </div>
<div v-if="data?.text !== '' && data.mode === 'input'" class="confirm-input"> <div v-if="data?.text !== '' && data.mode === 'input'" class="confirm-input">
@@ -200,11 +204,15 @@ defineExpose({
} }
.confirm-subtitle { .confirm-subtitle {
overflow: hidden;
width: 100%; width: 100%;
color: var(--box-text-4); color: var(--box-text-4);
font-family: var(--font-text); font-family: var(--font-text);
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
} }
.confirm-input { .confirm-input {