%20(2).svg)
项目简介
本项目是一个基于Vue框架的组件库，提供一系列可复用的UI组件，能助力开发者快速构建现代化的Web应用。项目包含图标选择器、时间选择器等多个常用UI组件，所有组件精心设计封装，具有良好的扩展性和易用性。
项目的主要特性和功能
- 图标选择器：支持全局注册图标组件，动态加载图标，可复制图标名称。
- 伸缩菜单：可伸缩的菜单组件，通过
v-model控制展开与折叠。 - 省市区三级联动：支持动态加载城市和区域数据，通过事件通知父组件选择结果。
- 趋势标记组件：支持动态样式和反转颜色。
- 通知菜单：结合Element Plus组件，支持点击事件分发。
- 导航菜单：支持二级菜单和无限层级菜单，允许自定义键名。
- 进度条组件：带有动态加载动画，支持自定义动画时长。
- 时间选择器：支持时间范围选择，通过事件通知父组件时间变化。
- 日期选择器：支持禁用特定日期。
- 城市选择器：支持字母导航和自定义搜索过滤。
- 表单组件：支持通过JSON配置生成表单，具备表单验证和动态删减表单项功能。
安装使用步骤
安装依赖
确保已安装Node.js和npm/yarn。在项目根目录下运行以下命令安装依赖：
bash
npm install
yarn install
引入组件
在Vue项目中，按需引入所需的组件。例如，引入图标选择器组件：
javascript
import chooseIcon from './components/chooseIcon';
app.use(chooseIcon);
使用组件
在Vue组件中使用封装好的UI组件。例如，使用图标选择器：
html
<template>
<choose-icon />
</template>
配置组件
根据项目需求，配置组件的属性和事件。例如，配置时间选择器的开始和结束时间：
html
<my-choose-time @startChange="handleStartChange" @endChange="handleEndChange" />
运行项目
在项目根目录下运行以下命令启动开发服务器：
bash
npm run dev
yarn dev
注意事项
- 本项目依赖于Element Plus组件库，请确保项目中已安装并正确配置Element Plus。
- 部分组件使用了Vue 3的新特性（如
<script setup>语法），请确保你的Vue版本为3.x。 - 如果需要按需引入组件，请参考各组件的
install方法进行配置。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】