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:
parent
62d2192a1f
commit
14c00a9081
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user