TRKJ/mayfly-go
2
0
Fork 0
mirror of https://gitee.com/dromara/mayfly-go synced 2025-11-23 09:30:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 样式优化

Browse Source
This commit is contained in:
meilin.huang
2025-08-04 21:02:27 +08:00
parent 7d344c71e1
commit 614a144f60
38 changed files with 274 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/layout/index.vue
View File

@@ -1,17 +1,18 @@
<template>
<Defaults v-if="themeConfig.layout === 'defaults'" />
<Classic v-else-if="themeConfig.layout === 'classic'" />
<Transverse v-else-if="themeConfig.layout === 'transverse'" />
<Columns v-else-if="themeConfig.layout === 'columns'" />
<component :is="layouts[themeConfig.layout]" />
</template>
<script setup lang="ts" name="layout">
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '@/store/themeConfig';
import Defaults from '@/layout/main/defaults.vue';
import Classic from '@/layout/main/classic.vue';
import Transverse from '@/layout/main/transverse.vue';
import Columns from '@/layout/main/columns.vue';
import { defineAsyncComponent } from 'vue';
const layouts: any = {
defaults: defineAsyncComponent(() => import('@/layout/main/defaults.vue')),
classic: defineAsyncComponent(() => import('@/layout/main/classic.vue')),
transverse: defineAsyncComponent(() => import('@/layout/main/transverse.vue')),
columns: defineAsyncComponent(() => import('@/layout/main/columns.vue')),
};
const { themeConfig } = storeToRefs(useThemeConfig());
</script>