【源码】基于 Vue 的 mIcon 图标选择插件

项目简介

mIcon 是一个基于 Vue 的图标选择插件，借助 Remixicon 的开源图标库，让用户能够轻松选择和复制图标，可用于个人和商业项目。

项目的主要特性和功能

主要特性

1. 基于 Remixicon 开源图标库，提供丰富且高质量的图标选择。
2. 操作简单，用户能轻松选择并复制所需图标。
3. 支持中文和英文两种语言。

功能

1. 支持图标搜索和筛选，方便用户快速定位所需图标。
2. 可直接将图标代码复制到项目中使用。
3. 提供 onChoose 和 onCopy 事件，便于用户在选择和复制图标时进行自定义操作。

安装使用步骤

安装步骤

1. 复制仓库： bash
2. 安装依赖： bash npm install vue2-m-icon --save

使用步骤

1. 引入 CSS 文件： javascript import 'vue2-m-icon/dist/mIcon.css'
2. 注册插件： javascript Vue.use(micon)
3. 在模板中使用： vue <template> <m-icon @onChoose="choose" @onCopy="copy" language="cn"></m-icon> </template>

属性与事件

• 属性：
• language：设置语言类型，可选值为 cn 或 en，默认值为 cn。
• 事件：
• onChoose：选择图标时触发，返回图标的类名。
• onCopy：复制图标时触发，返回图标的 HTML 代码。

按照以上步骤，可将 mIcon 插件集成到 Vue 项目中使用。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】