1.打开阿里图标库
2.微博登录-看到喜欢的图标就添加到购物车-下载到项目中（没有的就新创建一个）
3.下载之后解压
4.比较核心的两个文件 一个是iconfont.css 另一个是iconfont.ttf文件
5. 在uniapp编辑器中打开 iconfont.css 文件 然后就把 它全部复制到common.css文件目录下的icon.css 把ie 6-8 ie9 去掉留下 src 删除底部三行 woff truetype svg
格式如下：
@font-face {font-family: "iconfont";
src:
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMYAAsAAAAABxAAAALJAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBeIF1ATYCJAMMCwgABCAFhG0HNhs7BsgucJwn7Yjtw4CMnDWENEkBKE4jqNbInt29ewQFCti9BLQArD5gbFSiUj7KxFjybMRNXHNV9lGgUYAr8c/ceaYOKJJovqbdbLifX1drhPJCWkXorDp8w48dKLSLUL9YQGjGvXc+8QlQAq0lIPP/weX0V0CBzLMslzkmjwmYYEB7Y5usQALyFIbXLlYHeZ5AuzGk+NbO0VWqpKDTAvFq6lKqVPApipJsFeqGtUV8UmlNH1LgY/T9+M9GjqTK6Ny9l201tfw1337WcBUg/ARsrpAxL6YQN42xM1mhkJPaZbnu7FoR0lLBZkQ8W1Ef9I+XiBot7ATTiCd+IR6T4Ff/CglkUKNgU8p7qAanPjuNxPFSpL+2dmNQ1l7GmyakqE/N7QTR8Hmyb8Gq9/6n7UlydLcdqPVfZCeRY/31oY7vslG+0IbAFSEQqzAMgFu8HLMhrFgBGBbEY6F/bGqsT73UZrLvlpYvzshszE9tLnmrW2r9iX9ey2/frl+IOIMN81q8VNOh8lmakDTEZyIHosyeEtHyvJv5gsaZKdb++W/EQlQTmtN/a0cBP2U2I0/jYpgjpfWO7MEf5g9sKbaQ6nMxeR7PdWSTEy0JcFSnBurq956uGBpcSGg1lEHSYhSyVuNoIc1DpcMi1FqtQrs59c0dBoSyorRhVo9A6HWGpNtXyHpd0EJ6QWXYD2q9kYR2J9Hds8NkGJVNFyUfVRATMBTONG70K3HxBeoBkdy8MKLcoOuZQeBotpzcRYbuEguiUB81fA1Ul1OokcuQEA6+yy1U/J7u++sxw6hNb+pJnKYqNrmQxIdUQJQABgXHaEF3X6Xy+QtIFyAkbkdFi/UGcnnM3gGHxg5Ad2VsUMWjXBMJ6UYafBqgcnEUqJFRiCA44DePsiCFr0efEFkbY1gndaist72C/kCuUgPtmyNFjqJ+NCSWzbMuslQKAAAA') format('woff2');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chahao:before {
content: "\e617";
}
.icon-ren:before {
content: "\e686";
}
6.在app.vue 引入
// 自定义图标库
@import "common/icon.css";
7.使用一定要先加上这个类iconfont 这个类名 紧跟后面再跟上 图标的类名
有默认样式 /deep/ 修改
把行高去掉
在控制台去试一试 一定要找到唯一的 类 这样才不会影响到后续的一些 盒子样式
