1ed0085d15
🚀 核心更新： - ✅ 完善 NestJS 企业级架构设计 - ✅ 优化配置中心和基础设施层 - ✅ 增强第三方服务集成能力 - ✅ 完善多租户架构支持 - 🎯 对标 Java Spring Boot 和 PHP ThinkPHP 📦 新增文件： - wwjcloud-nest 完整框架结构 - Docker 容器化配置 - 管理后台界面 - 数据库迁移脚本 🔑 Key: ebb38b43ec39f355f071294fd1cf9c42
42 lines
1.5 KiB
Vue
42 lines
1.5 KiB
Vue
<template>
|
|
<div class="flex w-full h-screen">
|
|
<el-container>
|
|
<!-- 顶部 -->
|
|
<el-header>
|
|
<layout-header></layout-header>
|
|
</el-header>
|
|
<!-- 顶部 end -->
|
|
<el-container :style="{height:'calc(100vh - 64px)'}">
|
|
<!-- 左侧边栏 -->
|
|
<layout-aside></layout-aside>
|
|
<!-- 左侧边栏 end -->
|
|
<!-- 主体 -->
|
|
<el-main class="h-full p-0 bg-page">
|
|
<el-scrollbar>
|
|
<div class="p-[15px]">
|
|
<router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
|
|
<keep-alive :include="tabbarStore.tabNames">
|
|
<component :is="Component" :key="route.fullPath" />
|
|
</keep-alive>
|
|
</router-view>
|
|
</div>
|
|
</el-scrollbar>
|
|
</el-main>
|
|
<!-- 主体 end -->
|
|
</el-container>
|
|
</el-container>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import layoutHeader from './components/header/index.vue'
|
|
import layoutAside from './components/aside/index.vue'
|
|
import useAppStore from '@/stores/modules/app'
|
|
import useTabbarStore from '@/stores/modules/tabbar'
|
|
|
|
const appStore = useAppStore()
|
|
const tabbarStore = useTabbarStore()
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|