classic.vue 883 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <el-container class="layout-container flex-center">
  3. <Headers />
  4. <el-container class="layout-mian-height-50">
  5. <Asides />
  6. <div class="flex-center layout-backtop">
  7. <TagsView v-if="getThemeConfig.isTagsview" />
  8. <Mains />
  9. </div>
  10. </el-container>
  11. <el-backtop target=".layout-backtop .el-main .el-scrollbar__wrap"></el-backtop>
  12. </el-container>
  13. </template>
  14. <script>
  15. import Asides from '@/layout/component/aside.vue';
  16. import Headers from '@/layout/component/header.vue';
  17. import Mains from '@/layout/component/main.vue';
  18. import TagsView from '@/layout/navBars/tagsView/tagsView.vue';
  19. export default {
  20. name: 'layoutClassic',
  21. components: { Asides, Headers, Mains, TagsView },
  22. computed: {
  23. // 获取布局配置信息
  24. getThemeConfig() {
  25. return this.$store.state.themeConfig.themeConfig;
  26. },
  27. },
  28. };
  29. </script>