遇到一个需求，ElementUI没有符合的图标，需要插入ui提供的图标，所以使用iconfont。

在项目李找到该图标，本次使用的是【xitong】这个图标。选择font class，再选择在线链接，复制这个链接。
在less文件里引入这个iconfont，插入到el-input即可使用。

选择iconfont

使用iconfont

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<template>
  <el-input
    size="medium"
    suffix-icon="iconfont icon-JYT-icon-xitong"
    v-model="item.value"
  ></el-input>
</template>
<script>
export default {
  data() {
    item: {}
  }
}
</script>
<style scoped>
@import url('//at.alicdn.com/t/font_1712723_tp9lsy2fuua.css');
</style>