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 提供useThemeVars,它包含了常见的主题变量。 { "name": "common", "fontFamily": "v-sans, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"", "fontFamilyMono": "v-mono, SFMono-Regular...
+ image: + src: /grt.png + alt: meng-ui + + # 动作按钮,显示在“文本”和“标语”下方。 + actions: + - theme: brand # 按钮的颜色主题。默认为“brand”。 + text: 快速开始 # 按钮标签 + link: /guide/index # 按钮的目标链接 + - theme: alt + text: 组件 + link: /components/...
Naive Ui Admin 是基于 `vue3`,`vite2`,`TypeScript`,搭配使用 [Naive Ui](Naive UI) 组件库形成一套开箱即用的中后台前端解决方案,Naive Ui Admin 遵守 Naive Ui 组件设计和开发约定,风格统一,全面的组件和便捷的工具会让您信手拈来,如鱼得水,更多功能在不停开发中。
多个naive-ui 共存时定位元素会产生冲突 n-form-item 的validate 方法在某些 validator 的返回值下不会 resolve $NConfirm 主题未随 n-config-provider 切换 1.0.2 2020-03-23 Fixes n-transfer 的选项在值变化之后没有重置 n-nimbus-service-layout (deprecated) 没有兼容 Vue Router(3.1 版本以下) push 方法...
多个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 方法...
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 赞 ...