47 lines
912 B
Vue
Executable File
47 lines
912 B
Vue
Executable File
<template>
|
|
<div
|
|
class="q-gutter-y-xs column"
|
|
style="min-width: 100px"
|
|
>
|
|
<q-field
|
|
:label="label ? label : undefined"
|
|
:stack-label="!!label"
|
|
outlined
|
|
:dense="dense"
|
|
color="blue-6"
|
|
>
|
|
<template
|
|
v-if="copy"
|
|
v-slot:prepend
|
|
>
|
|
<q-btn
|
|
round
|
|
dense
|
|
flat
|
|
icon="far fa-copy"
|
|
@click="copytoclip"
|
|
/>
|
|
</template>
|
|
<template v-slot:control>
|
|
<div
|
|
class="self-center full-width no-outline"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
:class="class_text"
|
|
:style="`color: ` + color"
|
|
v-html="value"
|
|
></span>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
</q-field>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CLabel.ts"></script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CLabel.scss';
|
|
</style>
|