加tip提示

This commit is contained in:
joylink_zhaoerwei 2023-09-26 17:48:01 +08:00
parent 199c06560e
commit 6070c127fe

View File

@ -121,6 +121,14 @@ function deleteData(row: IAreaConfigListItem) {
<template v-slot:body-cell="props"> <template v-slot:body-cell="props">
<q-td :props="props" class="custom-column"> <q-td :props="props" class="custom-column">
{{ props.value }} {{ props.value }}
<q-tooltip
anchor="bottom middle"
v-if="props.value && props.value.length > 20"
>
<div class="message-tip">
{{ props.value }}
</div>
</q-tooltip>
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-operations="props"> <template v-slot:body-cell-operations="props">
@ -167,4 +175,11 @@ function deleteData(row: IAreaConfigListItem) {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.message-tip {
width: 300px;
overflow: auto;
line-height: 22px;
white-space: pre-wrap;
font-size: 14px;
}
</style> </style>