38 lines
831 B
Vue
38 lines
831 B
Vue
<template>
|
|
<q-card :class="` text-center`" :style="mystyle">
|
|
<div
|
|
:class="`column q-pa-sm text-center align-center ` + classColor"
|
|
style="align-items: center"
|
|
>
|
|
<div class="elem text-h6">
|
|
{{ title }}
|
|
</div>
|
|
<q-icon :name="icon" size="xl" :class="classColor + ` elem `" />
|
|
<div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="elem full-width elem-value text-h5 boldhigh"
|
|
>
|
|
{{ mytextval }}
|
|
<q-badge
|
|
v-if="value_today > 0"
|
|
align="top"
|
|
:label="`+` + value_today + ` oggi`"
|
|
:color="colBack"
|
|
>
|
|
</q-badge>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CElemStat.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CElemStat.scss';
|
|
</style>
|