carousel
This commit is contained in:
@@ -412,9 +412,9 @@
|
|||||||
:autoplay="autoplay"
|
:autoplay="autoplay"
|
||||||
v-model="slideGridOriz"
|
v-model="slideGridOriz"
|
||||||
navigation
|
navigation
|
||||||
|
navigation-icon="radio_button_unchecked"
|
||||||
control-color="blue-4"
|
control-color="blue-4"
|
||||||
control-text-color="white"
|
control-text-color="white"
|
||||||
arrows
|
|
||||||
ref="carousel"
|
ref="carousel"
|
||||||
transition-next="slide-left"
|
transition-next="slide-left"
|
||||||
transition-prev="slide-right"
|
transition-prev="slide-right"
|
||||||
@@ -425,6 +425,38 @@
|
|||||||
@mouseenter="autoplay = false"
|
@mouseenter="autoplay = false"
|
||||||
@mouseleave="autoplay = true"
|
@mouseleave="autoplay = true"
|
||||||
>
|
>
|
||||||
|
<template v-slot:control>
|
||||||
|
<q-carousel-control
|
||||||
|
position="top-left"
|
||||||
|
:offset="[-10, -10]"
|
||||||
|
class="q-gutter-xs"
|
||||||
|
style="opacity: 0.7"
|
||||||
|
>
|
||||||
|
<q-btn
|
||||||
|
push
|
||||||
|
round
|
||||||
|
:color="$q.dark.isActive ? `black` : `white`"
|
||||||
|
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||||
|
icon="keyboard_arrow_left"
|
||||||
|
@click="$refs.carousel.previous()"
|
||||||
|
></q-btn>
|
||||||
|
</q-carousel-control>
|
||||||
|
<q-carousel-control
|
||||||
|
position="top-right"
|
||||||
|
class="q-gutter-xs"
|
||||||
|
:offset="[-10, -10]"
|
||||||
|
style="opacity: 0.7"
|
||||||
|
>
|
||||||
|
<q-btn
|
||||||
|
push
|
||||||
|
round
|
||||||
|
:color="$q.dark.isActive ? `black` : `white`"
|
||||||
|
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||||
|
icon="keyboard_arrow_right"
|
||||||
|
@click="$refs.carousel.next()"
|
||||||
|
></q-btn>
|
||||||
|
</q-carousel-control>
|
||||||
|
</template>
|
||||||
<q-carousel-slide
|
<q-carousel-slide
|
||||||
v-for="(rec, indexrow) in serverData"
|
v-for="(rec, indexrow) in serverData"
|
||||||
:key="indexrow"
|
:key="indexrow"
|
||||||
@@ -535,7 +567,7 @@
|
|||||||
>
|
>
|
||||||
</CMyRecCard>
|
</CMyRecCard>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-else-if="
|
v-else-if="
|
||||||
(showType === costanti.SHOW_USERINFO &&
|
(showType === costanti.SHOW_USERINFO &&
|
||||||
myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
|
myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
|
||||||
|
|||||||
Reference in New Issue
Block a user