自定义element-ui图标

1、自行上传svg，并命名好的svg，选择去除颜色并提交

2、搜索合适的图标，添加到购物车，点击购物车，添加到项目中

在main.js里把css引进来，全局引入

基于vue框架，使用element-ui组件库写表单效果，需要添加字体小图标，效果如下：

1.只需要添加prefix-icon="iconfont icon-xxx"即可（头部插入）

//例如

<el-input

prefix-icon="iconfont icon-sousuo"

v-model="searchTableInfo"

placeholder="请输入姓名"

style="width:240px"

></el-input>

1

2

3

4

5

6

7

2.添加suffix-icon=“iconfont icon-xxx”（尾部添加）

//例如

<el-input

suffix-icon="iconfont icon-sousuo"

v-model="searchTableInfo"

placeholder="请输入姓名"

style="width:240px"

></el-input>

elementui图标库图标较少

当你想用elementui的控件而不想用它的图标时，就可以使用自定义的方式来实现

el-icon-my-export为我自定义的图标命名

content里面使用汉字大小会比较正常，但是汉字有时候会出现乱码，可以使用Unicode编码

其他控件的图标替换大多如此，当然具体问题具体分析，我也不确定会不会有不同的情况

---