fix(components): 修复tab组件适应暗黑主题模式

This commit is contained in:
Soybean
2021-09-26 14:41:34 +08:00
parent 82e613ea26
commit 2fe3d27a36
8 changed files with 503 additions and 544 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="bg-white">
<div>
<n-spin class="flex-y-center flex-col" :show="loading">
<n-gradient-text type="primary" size="32">工作台</n-gradient-text>
<n-space>
@ -10,13 +10,17 @@
<n-button type="warning">Warning</n-button>
<n-button type="error">Error</n-button>
</n-space>
<n-space>
<n-tag>Tag</n-tag>
<n-tag type="primary">Primary Tag</n-tag>
</n-space>
</n-spin>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { NGradientText, NSpace, NButton, NSpin } from 'naive-ui';
import { NGradientText, NSpace, NButton, NSpin, NTag } from 'naive-ui';
const loading = ref(true);