Haina UI

基于element-plus 修改适配的ui scss主题

• 主题更改
• 黑白主题

使用主题

根据是element-plus 使用方式 选择不同的主题加载方式

全量使用

pnpm add haina-ui

import 'haina-ui/src/themes/default/default.scss'
import ElementPlus from 'element-plus'

新增主题

新增对应scss文件就行了 例如 themes/blue/theme.scss 蓝色主题文件

使用组件

import { Haina } from 'haina-ui'
import "haina-ui/dist/style.css"
import 'haina-ui/src/theme.scss'


app.use(Haina);

开发

构建本地包

在项目内部先 构建本地包

pnpm link --global

查看包是否构建成功

pnpm list -g 

在需要使用包的项目内部，通过link 来安装包

pnpm link --global haina-ui

卸载包

pnpm unlink --global haina-ui

发布

先执行

pnpm build

在更新版本号

npm version patch 

发布

npm publish

demo.