mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-07-13 13:02:44 +08:00
55 lines
1.0 KiB
Vue
55 lines
1.0 KiB
Vue
<template>
|
|
<div class="control-input-wrapper">
|
|
<q-input
|
|
dense
|
|
borderless
|
|
:model-value="modelValue"
|
|
@update:model-value="$emit('update:modelValue', $event)"
|
|
class="control-input"
|
|
v-bind="$attrs"
|
|
>
|
|
<template v-slot:prepend>
|
|
<q-badge class="control-input-prepend" color="primary">{{
|
|
label
|
|
}}</q-badge>
|
|
</template>
|
|
</q-input>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { defineComponent } from "vue";
|
|
|
|
export default defineComponent({
|
|
name: "ControlInput",
|
|
inheritAttrs: false,
|
|
props: {
|
|
modelValue: {
|
|
type: [String, Number],
|
|
default: "",
|
|
},
|
|
label: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
emits: ["update:modelValue"],
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.control-input :deep(.q-field__control),
|
|
.control-input :deep(.q-field__native),
|
|
.control-input :deep(.q-field__marginal) {
|
|
height: 21px !important;
|
|
min-height: 21px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.control-input-prepend {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
padding: 2px 4px;
|
|
}
|
|
</style>
|