mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-11-27 04:09:51 +08:00
33 lines
745 B
Vue
33 lines
745 B
Vue
<template>
|
|
<n-layout :position="isMobile ? 'static' : 'absolute'" class="root-layout">
|
|
<site-header />
|
|
<router-view />
|
|
</n-layout>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { onMounted, defineComponent } from 'vue'
|
|
import { useLoadingBar } from 'naive-ui'
|
|
import SiteHeader from './SiteHeader.vue'
|
|
import { loadingBarApiRef } from './routes/router'
|
|
import { useIsMobile } from './utils/composables'
|
|
|
|
export default defineComponent({
|
|
name: 'Site',
|
|
components: {
|
|
SiteHeader
|
|
},
|
|
setup () {
|
|
const loadingBar = useLoadingBar()
|
|
const isMobileRef = useIsMobile()
|
|
onMounted(() => {
|
|
loadingBarApiRef.value = loadingBar
|
|
loadingBar.finish()
|
|
})
|
|
return {
|
|
isMobile: isMobileRef
|
|
}
|
|
}
|
|
})
|
|
</script>
|