skyweb24.vue-dashboard v1.0.5

Темы

Объект тем шапок EnumThemeHeader для TemplateHeaderDefault

Пример реализации плитки - слайдер

<SliderBox>
    <template #key1>
        <TemplateBoxDefault>
            <TemplateHeaderDefault :theme="themeList.THEME_TURQUOISE_TOPAZ">
                Название
            </TemplateHeaderDefault>
            <TemplateBodyAnimation :numberValue="10" :unit="'кг'" />
            <TemplateFooterDefault />
        </TemplateBoxDefault>
    </template>
    <template #key2>
        <TemplateBoxDefault>
            <TemplateHeaderDefault :theme="themeList.THEME_DARK_MOUNTAIN_MEADOW">
                Название
            </TemplateHeaderDefault>
            <TemplateBodyAnimation :numberValue="0" :unit="'м<sup>3</sup>'" />
            <TemplateFooterDefault />
        </TemplateBoxDefault>
    </template>
</SliderBox>

Пример обычной реализации плитки

<TemplateBoxDefault>
    <TemplateHeaderDefault :theme="themeList.THEME_ROYAL_BLUE">
        Название
    </TemplateHeaderDefault>
    <TemplateBodyDefault>
        Любой контент
    </TemplateBodyDefault>
    <TemplateFooterDefault />
</TemplateBoxDefault>