1
0
mirror of https://github.com/chatopera/cosin.git synced 2025-08-01 16:38:02 +08:00

fix: bg color

Signed-off-by: Kaifuny <superbiger.github@gmail.com>
This commit is contained in:
Kaifuny 2023-07-28 09:24:37 +08:00
parent 62d2192a1f
commit 14c00a9081
2 changed files with 6 additions and 11 deletions

View File

@ -2,7 +2,7 @@
import { RouterView } from 'vue-router' import { RouterView } from 'vue-router'
</script> </script>
<template> <template>
<div class="w-full h-full bg-gray-100"> <div class="w-full h-full bg-white">
<router-view></router-view> <router-view></router-view>
</div> </div>
</template> </template>

View File

@ -6,7 +6,6 @@ import {
NPageHeader, NPageHeader,
NSpace, NSpace,
NButton, NButton,
NDropdown,
NWatermark, NWatermark,
NIcon, NIcon,
} from 'naive-ui' } from 'naive-ui'
@ -44,7 +43,7 @@ defineProps({
defineEmits(['update:collapsed']) defineEmits(['update:collapsed'])
</script> </script>
<template> <template>
<n-layout has-sider class="h-full"> <n-layout has-sider class="h-full bg-white">
<n-watermark <n-watermark
v-if="isWatermarkMode" v-if="isWatermarkMode"
:content="watermarkLabel" :content="watermarkLabel"
@ -57,8 +56,9 @@ defineEmits(['update:collapsed'])
:x-offset="12" :x-offset="12"
:y-offset="60" :y-offset="60"
:rotate="-15" :rotate="-15"
/> ></n-watermark>
<n-layout-sider <n-layout-sider
class="bg-white"
:collapsed-width="64" :collapsed-width="64"
:width="280" :width="280"
:collapsed="collapsed" :collapsed="collapsed"
@ -75,19 +75,14 @@ defineEmits(['update:collapsed'])
> >
<n-page-header :subtitle="pageSubtitle"> <n-page-header :subtitle="pageSubtitle">
<template #avatar> <template #avatar>
<n-icon size="large" :component="pageIcon" /> <n-icon size="large" :component="pageIcon"></n-icon>
</template> </template>
<template #title> <template #title>
<a style="text-decoration: none; color: inherit">{{ pageTitle }}</a> <a>{{ pageTitle }}</a>
</template> </template>
<template #extra> <template #extra>
<n-space> <n-space>
<n-button size="tiny">Button</n-button> <n-button size="tiny">Button</n-button>
<n-dropdown placement="bottom-start">
<n-button :bordered="false" style="padding: 0 4px">
···
</n-button>
</n-dropdown>
</n-space> </n-space>
</template> </template>
</n-page-header> </n-page-header>