modify style

This commit is contained in:
MaysWind
2024-04-05 03:16:27 +08:00
parent 4a16b82700
commit 2a2cb3acc9
35 changed files with 307 additions and 160 deletions
+11 -1
View File
@@ -8,7 +8,7 @@
:rules="enableRules ? rules : []" v-model="currentValue"
@keydown="onKeyUpDown" @keyup="onKeyUpDown">
<template #prepend-inner v-if="currency && prependText">
<div style="margin-top: 2px">{{ prependText }}</div>
<div>{{ prependText }}</div>
</template>
<template #append-inner v-if="currency && appendText">
<div class="text-no-wrap">{{ appendText }}</div>
@@ -71,6 +71,10 @@ export default {
finalClass += ` text-${this.color}`;
}
if (this.currency && this.prependText) {
finalClass += ` has-pretend-text`;
}
return finalClass;
},
prependText() {
@@ -168,3 +172,9 @@ export default {
}
}
</script>
<style>
.text-field-with-colored-label.has-pretend-text .v-field__input {
padding-left: 0.5rem;
}
</style>