dream-night-ui

安装

npm install dream-night-ui

配置

main.ts中引入

import { createApp } from 'vue'
import DreamNightUI from 'dream-night-ui'
import App from './App.vue'

const app = createApp(App)
app.use(DreamNightUI)
app.mount('#app')

样式引入

main.ts中引入

import 'dream-night-ui/lib/theme-chalk/index.css'

内部色值更改

Dream Night UI 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变样式变量。

/* 改变主题色变量 */
$dm-tyoe-primary: teal;

@import "~dream-night-ui/packages/theme-chalk/index";

之后，在项目中，直接引入样式文件即可（无需引入 Dream Night UI 编译好的 CSS 文件）