Skip to content

Yin-Jinlong/h-ui

Repository files navigation

氢-UI

GitHub License GitHub Tag GitHub Release codecov Netlify Status

NPM Version NPM Downloads

GitHub repo size GitHub forks GitHub Repo stars

GitHub commit activity (branch) GitHub contributors GitHub last commit (branch)

一个Vue.js 3 UI 组件库

加速站点:

使用

安装

pnpm install @yin-jinlong/h-ui

组件导入

Button为例

  • 组件import {Button} from '@yin-jinlong/h-ui'
  • 样式import '@yin-jinlong/h-ui/components/button/style'

样式也可以引入编译后的css文件

// base.css不会自动引入,需要手动引入
import '@yin-jinlong/h-ui/style/css/base.css'
import '@yin-jinlong/h-ui/style/css/button.css'

引入全部样式

import '@yin-jinlong/h-ui/style/css/index.css'

样式源码在style/src

// base.scss不会自动引入,需要手动引入
import '@yin-jinlong/h-ui/style/src/base.scss'
import '@yin-jinlong/h-ui/style/src/button.scss'

开发

安装

pnpm install

构建

组件库
pnpm run packages:build
文档
pnpm run docs:build

测试

组件库
pnpm run packages:test