hhzk-vue3-components

基于 Vue 3 的水利管理系统组件库，提供 130+ 个专业的菜单图标组件。

安装

npm install hhzk-vue3-components

使用

全局注册

import { createApp } from 'vue'
import App from './App.vue'
import HhzkComponents from 'hhzk-vue3-components'
import 'hhzk-vue3-components/lib/style.css'

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

按需引入

import { MenusIcon, menusNames } from 'hhzk-vue3-components'
import 'hhzk-vue3-components/lib/style.css'

// 在组件中使用
export default {
  components: {
    MenusIcon
  }
}

在模板中使用

<template>
  <menus-icon iconClass="安全管理" />
  <menus-icon iconClass="工程管理" className="custom-class" />
</template>

API

MenusIcon Props

| 参数 | 说明 | 类型 | 默认值 | 必填 | |------|------|------|--------|------| | iconClass | 图标名称 | String | - | 是 | | className | 自定义类名 | String | '' | 否 |

可用图标

通过 menusNames 导出获取所有可用图标名称列表。

包含 130+ 个图标，涵盖：

• 安全管理类
• 工程管理类
• 监测类
• 水雨情类
• 调度类
• 设备管理类
• 巡检类
• 仓储类
• 人员管理类
• 预警类

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 打包库
npm run lib

License

MIT