chore: update demo

This commit is contained in:
vben
2024-06-16 23:25:28 +08:00
parent 0023964eb7
commit 6c092e284c
9 changed files with 35 additions and 47 deletions

View File

@@ -29,12 +29,24 @@ const routes: RouteRecordRaw[] = [
{
name: 'Menu2',
path: 'menu2',
component: () => import('@/views/nested/menu-2.vue'),
meta: {
icon: 'ic:round-menu',
keepAlive: true,
title: $t('page.nested.menu2'),
},
redirect: '/nested/menu2/menu2-1',
children: [
{
name: 'Menu21',
path: 'menu2-1',
component: () => import('@/views/nested/menu-2-1.vue'),
meta: {
icon: 'ic:round-menu',
keepAlive: true,
title: $t('page.nested.menu21'),
},
},
],
},
{
name: 'Menu3',

View File

@@ -1,16 +1,9 @@
<script lang="ts" setup>
import { onMounted } from 'vue';
import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'Menu1' });
onMounted(() => {
// eslint-disable-next-line no-console
console.log('Menu1');
});
</script>
<template>
<div class="p-5">
menu1
<input class="bg-background border-border" />
</div>
<Fallback status="hello" />
</template>

View File

@@ -0,0 +1,9 @@
<script lang="ts" setup>
import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'Menu21' });
</script>
<template>
<Fallback status="hello" />
</template>

View File

@@ -1,16 +0,0 @@
<script lang="ts" setup>
import { onMounted } from 'vue';
defineOptions({ name: 'Menu2' });
onMounted(() => {
// eslint-disable-next-line no-console
console.log('Menu2');
});
</script>
<template>
<div class="p-5">
menu2
<input class="bg-background border-border" />
</div>
</template>

View File

@@ -1,15 +1,9 @@
<script lang="ts" setup>
import { onMounted } from 'vue';
import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'Menu31' });
onMounted(() => {
// eslint-disable-next-line no-console
console.log('Menu3-1');
});
</script>
<template>
<div class="p-5">
Menu3-1
<input class="bg-background border-border" />
</div>
<Fallback status="hello" />
</template>

View File

@@ -1,15 +1,9 @@
<script lang="ts" setup>
import { onMounted } from 'vue';
import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'Menu321' });
onMounted(() => {
// eslint-disable-next-line no-console
console.log('Menu3-2-1');
});
</script>
<template>
<div class="p-5">
menu-3-2-1
<input class="bg-background border-border" />
</div>
<Fallback status="hello" />
</template>