Naive UI 通过使用n-config-provider调整主题。 默认情况下所有组件均为亮色主题,无需任何配置。 了解更多关于n-config-provider的信息,参见全局化配置。 使用暗色主题 将n-config-provider的theme设为从 naive-ui 导入的darkTheme来设定暗色主题。 若theme为undefined则不会影响内部组件的主题。
在src/App.vue中，使用NConfigProvider组件做的。
接下来,通过引入naive-ui并使用createTheme方法来应用自定义的主题: import{createApp}from'vue';import{createTheme,NaiveUiProvider}from'naive-ui';constapp=createApp(App);// 定义自定义主题const customTheme = createTheme({ common: { // 自定义颜色 '--n-color-primary': '#1989fa', // 更多自定义...
Naive Ui Admin 骨架 ✨ Features 菜单模式(左侧/顶部) 权限(固定角色/动态路由菜单) 主题(深色/浅色)引用 naiveui 特性,黑暗主题/自定义组件,暗黑主题信手捏来 系统主题(十种安全色,可切换预览,可自定义) 导航风格(三种,可自由搭配,暗色侧边/白色侧边和通栏/暗色侧边和顶部通栏) ...
Naive UI 提供一些工具帮助开发者简单的创建支持主题的组件。 演示 提供主题 使用n-config-provider来设定它全部的后代组件主题。 深色 浅色 useThemeVars Naive UI 提供useThemeVars,它包含了常见的主题变量。 { "name": "common", "fontFamily": "v-sans, system-ui, -apple-system, BlinkMacSystemFont, \...
默认值为`'medium'`,可点击【工具栏-密度】切换。_传入可覆盖_ | +| single-line | 列分割线。内部该值为true。_传入可覆盖_ | +| ... | ...支持传入naive-ui的 data-table 组件的全部属性 | + +## Methods + +通过ref调用以下方法: + +| 名称 | 类型 | 说明 | +| --- | --- | -...
- 主题(深色/浅色)引用 naiveui 特性,黑暗主题/自定义组件,暗黑主题信手捏来 - 系统主题(十种安全色,可切换预览,可自定义) - 导航风格(三种,可自由搭配,暗色侧边/白色侧边和通栏/暗色侧边和顶部通栏) - 多页签,持久化,拖拽,关闭,固定,自适应可左右滚动 ...
多个naive-ui 共存时定位元素会产生冲突 n-form-item 的validate 方法在某些 validator 的返回值下不会 resolve $NConfirm 主题未随 n-config-provider 切换1.0.2 (2020-03-23)Fixesn-transfer 的选项在值变化之后没有重置 n-nimbus-service-layout (deprecated) 没有兼容 Vue Router(3.1 版本以下) push 方法...
$NMessage、$NNotification、$NConfirm 的获取到的主题会应用到他们的内部组件 Fixes 多个naive-ui 共存时定位元素会产生冲突 n-form-item 的validate 方法在某些 validator 的返回值下不会 resolve $NConfirm 主题未随 n-config-provider 切换 1.0.2 2020-03-23 Fixes n-transfer 的选项在值变化之后没有重置...
https://www.naiveui.com/zh-CN/os-theme/components/data-table#DataTable-Slots 图中蓝框代码替换为黄框可正常使用 2023年10月18日· 1 评论 自定义主题色配置无效 2023年9月15日· 5 评论 BasicTable组件没有导出setLoading 2023年8月29日· 1 评论· 1 赞 ...