Mplan
16b3dd4aaa
## 变更内容 - 将全局样式拆分为设计令牌、基础规则和语义组件层 - 集中管理 Naive UI 主题配置 - 迁移页面容器、表单、信息面板和按钮等重复样式 - 增加样式体系文档与自动契约检查 ## 验证 - `npm run check:styles` - `npm run build`Reviewed-on: #4
31 lines
975 B
Vue
31 lines
975 B
Vue
<script setup lang="ts">
|
|
import { NConfigProvider, NDialogProvider, NGlobalStyle, NMessageProvider, NNotificationProvider } from 'naive-ui'
|
|
import AppHeader from '@/components/layout/AppHeader.vue'
|
|
import { openCloudThemeOverrides } from '@/lib/theme'
|
|
import { Analytics } from "@vercel/analytics/vue"
|
|
import { SpeedInsights } from "@vercel/speed-insights/vue"
|
|
</script>
|
|
|
|
<template>
|
|
<NConfigProvider :theme-overrides="openCloudThemeOverrides">
|
|
<NGlobalStyle />
|
|
<NDialogProvider>
|
|
<NNotificationProvider>
|
|
<NMessageProvider>
|
|
<div class="oc-app-shell">
|
|
<AppHeader />
|
|
<main class="relative flex-1">
|
|
<div class="oc-app-grid"></div>
|
|
<div class="relative">
|
|
<RouterView />
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</NMessageProvider>
|
|
</NNotificationProvider>
|
|
</NDialogProvider>
|
|
</NConfigProvider>
|
|
<Analytics />
|
|
<SpeedInsights />
|
|
</template>
|