重构项目,方便开发
This commit is contained in:
20
frontend-vue/src/components/layout/PageShell.vue
Normal file
20
frontend-vue/src/components/layout/PageShell.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<template>
|
||||
<div class="page-shell" :class="themeClass">
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
|
||||
const props = withDefaults(
|
||||
defineProps<{
|
||||
theme?: 'light' | 'dark'
|
||||
}>(),
|
||||
{
|
||||
theme: 'light',
|
||||
},
|
||||
)
|
||||
|
||||
const themeClass = computed(() => `theme-${props.theme}`)
|
||||
</script>
|
||||
Reference in New Issue
Block a user