51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
|
<script setup>
|
||
|
|
const currentTab = ref('tab-1')
|
||
|
|
const tabItemText = 'Biscuit cheesecake gingerbread oat cake tiramisu. Marzipan tiramisu jelly-o muffin biscuit jelly cake pie. Chocolate cookie candy croissant brownie cupcake powder cheesecake. Biscuit sesame snaps biscuit topping tiramisu croissant.'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VCard>
|
||
|
|
<VTabs
|
||
|
|
v-model="currentTab"
|
||
|
|
grow
|
||
|
|
stacked
|
||
|
|
>
|
||
|
|
<VTab>
|
||
|
|
<VIcon
|
||
|
|
icon="tabler-phone"
|
||
|
|
class="mb-2"
|
||
|
|
/>
|
||
|
|
<span>Recent</span>
|
||
|
|
</VTab>
|
||
|
|
|
||
|
|
<VTab>
|
||
|
|
<VIcon
|
||
|
|
icon="tabler-heart"
|
||
|
|
class="mb-2"
|
||
|
|
/>
|
||
|
|
<span>Favorites</span>
|
||
|
|
</VTab>
|
||
|
|
|
||
|
|
<VTab>
|
||
|
|
<VIcon
|
||
|
|
icon="tabler-user"
|
||
|
|
class="mb-2"
|
||
|
|
/>
|
||
|
|
<span>Nearby</span>
|
||
|
|
</VTab>
|
||
|
|
</VTabs>
|
||
|
|
|
||
|
|
<VCardText>
|
||
|
|
<VWindow v-model="currentTab">
|
||
|
|
<VWindowItem
|
||
|
|
v-for="i in 3"
|
||
|
|
:key="i"
|
||
|
|
:value="`tab-${i}`"
|
||
|
|
>
|
||
|
|
{{ tabItemText }}
|
||
|
|
</VWindowItem>
|
||
|
|
</VWindow>
|
||
|
|
</VCardText>
|
||
|
|
</VCard>
|
||
|
|
</template>
|