CalendarCarousel speed prop
This commit is contained in:
parent
6217ae2ecb
commit
d5d61a4a29
1 changed files with 5 additions and 2 deletions
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<v-carousel
|
<v-carousel
|
||||||
cycle
|
cycle
|
||||||
interval="10000"
|
:interval="speed"
|
||||||
height="auto"
|
height="auto"
|
||||||
:show-arrows="false"
|
:show-arrows="false"
|
||||||
touchless
|
touchless
|
||||||
|
@ -14,7 +14,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Component, Vue } from "vue-property-decorator";
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
||||||
import Calendar from "./Calendar.vue";
|
import Calendar from "./Calendar.vue";
|
||||||
import { CalendarData, CalendarJSONData } from "./model";
|
import { CalendarData, CalendarJSONData } from "./model";
|
||||||
|
|
||||||
|
@ -24,6 +24,9 @@ import { CalendarData, CalendarJSONData } from "./model";
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
export default class CalendarCarousel extends Vue {
|
export default class CalendarCarousel extends Vue {
|
||||||
|
@Prop({ default: 10000 })
|
||||||
|
private readonly speed!: number;
|
||||||
|
|
||||||
private readonly data: Array<CalendarJSONData> = [
|
private readonly data: Array<CalendarJSONData> = [
|
||||||
{
|
{
|
||||||
title: "Lorem Ipsum",
|
title: "Lorem Ipsum",
|
||||||
|
|
Loading…
Reference in a new issue