verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 63 Releases Wiki Activity

Slide description text

This commit is contained in:
Joan Sanchez 2022-03-15 10:37:59 +01:00
parent ef073d1c87
commit 30356c6d0d
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/Dashboard/Dashboard.vue
View File

@ -1,6 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { ref } from 'vue'; import { ref } from 'vue';
const slide = ref('style'); const slide = ref('style');
const slideText = 'Description text';
</script> </script>
<template> <template>
<q-page class="q-pa-md"> <q-page class="q-pa-md">
@ -35,19 +36,19 @@ const slide = ref('style');
> >
<q-carousel-slide name="style" class="column no-wrap flex-center"> <q-carousel-slide name="style" class="column no-wrap flex-center">
<q-icon name="style" size="56px" /> <q-icon name="style" size="56px" />
<div class="q-mt-md text-center">{{ lorem }}</div> <div class="q-mt-md text-center">{{ slideText }}</div>
</q-carousel-slide> </q-carousel-slide>
<q-carousel-slide name="tv" class="column no-wrap flex-center"> <q-carousel-slide name="tv" class="column no-wrap flex-center">
<q-icon name="live_tv" size="56px" /> <q-icon name="live_tv" size="56px" />
<div class="q-mt-md text-center">{{ lorem }}</div> <div class="q-mt-md text-center">{{ slideText }}</div>
</q-carousel-slide> </q-carousel-slide>
<q-carousel-slide name="layers" class="column no-wrap flex-center"> <q-carousel-slide name="layers" class="column no-wrap flex-center">
<q-icon name="layers" size="56px" /> <q-icon name="layers" size="56px" />
<div class="q-mt-md text-center">{{ lorem }}</div> <div class="q-mt-md text-center">{{ slideText }}</div>
</q-carousel-slide> </q-carousel-slide>
<q-carousel-slide name="map" class="column no-wrap flex-center"> <q-carousel-slide name="map" class="column no-wrap flex-center">
<q-icon name="terrain" size="56px" /> <q-icon name="terrain" size="56px" />
<div class="q-mt-md text-center">{{ lorem }}</div> <div class="q-mt-md text-center">{{ slideText }}</div>
</q-carousel-slide> </q-carousel-slide>
</q-carousel> </q-carousel>
</div> </div>