refactor: review

mayfly_go_web/src/layout/main/columns.vue

@@ -0,0 +1,37 @@
+<template>
+    <el-container class="layout-container">
+        <ColumnsAside />
+        <div class="layout-columns-warp">
+            <Aside />
+            <el-container class="flex-center layout-backtop">
+                <Header v-if="isFixedHeader" />
+                <el-scrollbar>
+                    <Header v-if="!isFixedHeader" />
+                    <Main />
+                </el-scrollbar>
+            </el-container>
+        </div>
+        <el-backtop target=".layout-backtop .el-scrollbar__wrap"></el-backtop>
+    </el-container>
+</template>
+
+<script lang="ts">
+import { computed } from 'vue';
+import Aside from '@/layout/component/aside.vue';
+import Header from '@/layout/component/header.vue';
+import Main from '@/layout/component/main.vue';
+import ColumnsAside from '@/layout/component/columnsAside.vue';
+import { useThemeConfig } from '@/store/themeConfig';
+export default {
+    name: 'layoutColumns',
+    components: { Aside, Header, Main, ColumnsAside },
+    setup() {
+        const isFixedHeader = computed(() => {
+            return useThemeConfig().themeConfig.isFixedHeader;
+        });
+        return {
+            isFixedHeader,
+        };
+    },
+};
+</script>