Little fix

This commit is contained in:
Nikki 2022-11-30 01:27:40 +10:00
parent bca211f706
commit f61f8048e1
3 changed files with 40 additions and 10 deletions

View File

@ -1,3 +0,0 @@
{
"vuelidate-rules": {}
}

View File

@ -1,7 +1,7 @@
<template>
<q-layout>
<q-header elevated>
<q-toolbar class="main_toolbar fixed-top shadow-1">
<q-toolbar shadow-1 h-16 class="main_toolbar fixed-top">
<q-tabs inline-label>
<q-route-tab
icon="newspaper"
@ -43,7 +43,7 @@
/>
<q-btn
flat
icon="login"
icon="person"
:class="$q.dark.isActive ? 'text-white' : 'text-black'"
@click="authModalOpened = true"
/>

View File

@ -1,8 +1,41 @@
<template>
<q-page class="row items-center justify-evenly"
><img
src="https://revolgc.pro/media/vlcsnap-2022-08-08-21h52m033333331s221-jpg.96/full"
/></q-page>
<q-page class="items-center justify-evenly mt-16">
<q-carousel
v-model="slide"
animated
navigation
infinite
:autoplay="autoplay"
arrows
transition-prev="slide-right"
transition-next="slide-left"
@mouseenter="autoplay = false"
@mouseleave="autoplay = true"
>
<q-carousel-slide
:name="1"
img-src="https://cdn.quasar.dev/img/mountains.jpg"
/>
<q-carousel-slide
:name="2"
img-src="https://cdn.quasar.dev/img/parallax1.jpg"
/>
<q-carousel-slide
:name="3"
img-src="https://cdn.quasar.dev/img/parallax2.jpg"
/>
<q-carousel-slide
:name="4"
img-src="https://cdn.quasar.dev/img/quasar.jpg"
/>
</q-carousel>
</q-page>
<div h-100></div>
</template>
<script setup></script>
<script setup lang="ts">
import { ref } from 'vue';
const slide = ref(1);
const autoplay = ref(true);
</script>