31 lines
864 B
Vue
31 lines
864 B
Vue
<template>
|
|
<div :class="'w-full h-screen flex flex-col transition-spacing duration-300 ease-linear overflow-hidden ' + mlClass">
|
|
<!-- Header -->
|
|
<Header />
|
|
<!-- Tag view -->
|
|
<!--<div class=""></div>-->
|
|
<!-- Container -->
|
|
<div class="p-1 sm:p-4 max-w-full h-screen overflow-auto sm:overflow-x-hidden">
|
|
<router-view />
|
|
|
|
<!--<div class="w-full text-center text-gray-400 h-10 leading-10 mt-2">CatchAdmin 管理系统 @copyright 2018 ~ {{ year }}</div>-->
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { computed } from 'vue'
|
|
import { useAppStore } from '/admin/stores/modules/app'
|
|
|
|
const appStore = useAppStore()
|
|
|
|
const mlClass = computed(() => {
|
|
return appStore.isExpand ? 'ml-0 sm:ml-56' : 'ml-0 sm:ml-16'
|
|
})
|
|
|
|
const year = computed(() => {
|
|
const date = new Date()
|
|
|
|
return date.getFullYear()
|
|
})
|
|
</script>
|