feat: 初始化项目结构并添加基础配置
添加前后端基础项目结构,包括.gitignore、package.json等配置文件 实现前端基础功能模块,包括路由、状态管理、API请求封装等 添加前端UI组件库和样式体系 配置开发环境Mock系统和构建工具链
This commit is contained in:
28
front-end/library/components/VabAppMain/index.vue
Normal file
28
front-end/library/components/VabAppMain/index.vue
Normal file
@@ -0,0 +1,28 @@
|
||||
<script lang="ts" setup>
|
||||
import { useRoutesStore } from '@/store/modules/routes'
|
||||
import { handleActivePath } from '@/utils/routes'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
const routesStore: any = useRoutesStore()
|
||||
const { tab, activeMenu } = storeToRefs(routesStore)
|
||||
|
||||
watch(
|
||||
route,
|
||||
() => {
|
||||
if (tab.value.data !== route.matched[0].name)
|
||||
tab.value.data = route.matched[0].name
|
||||
activeMenu.value.data = handleActivePath(route)
|
||||
},
|
||||
{ immediate: true }
|
||||
)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="vab-app-main">
|
||||
<section>
|
||||
<vab-router-view />
|
||||
</section>
|
||||
<vab-footer />
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user