npm install
npm run serve
npm run build
npm run lint
- 图标只使用icon-park,排除掉element-plus自带图标。因为样式不统一。
- 使用了unplugin-icons插件,用于自动引入(仅限于静态使用),目前图标集里只放入了icon-park,不做自动安装。因为做自动安装有可能出现图标集部分名称重合导致打包出错,要避免还得配置别名,同时修改相应的组件名。
-
在动态菜单部分必须从icon-park官网上把icon组件下载下来,放在components里,(已做utils里做了全局注册)
-
在其他页面上的使用建议都是用按需引用的方式,目前的自动引入插件无法在动态组件如:
<component class="xxxx" :is="xxxx"></component> <el-input v-model="value1" :prefix-icon="xxxx" type="password"></el-input>
上使用,除非也是提前把icon组件下载下来做全局注册。 -
使用方式:
//方式1:(建议使用) import { BookmarkOne, DocSearchTwo, Search, Lock } from "@icon-park/vue-next"; //方式2: import IconParkLock from "~icons/icon-park/lock"; //方式3:(自动引用,适用于静态组件) //IconPark组件名 或 icon-park-组件名 <IconParkDocSearchTwo /> <icon-park-doc-search-two />
- 模块化处理,所有模块都存放在modules里面
- 数据的来源/接口请求原则上是写在每个模块的actions里面,外部只需要调用其封装的方法。