uni-app引入阿里图标

1.在阿里图标库中新建文件,找到自己想要的图标放进去,点击复制代码放入app.vue中

@font-face {
  font-family: 'iconfont';  /* project id 1381506 */
  src: url('//at.alicdn.com/t/font_1381506_wh22uwhye3.eot');
  src: url('//at.alicdn.com/t/font_1381506_wh22uwhye3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1381506_wh22uwhye3.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1381506_wh22uwhye3.woff') format('woff'),
  url('//at.alicdn.com/t/font_1381506_wh22uwhye3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1381506_wh22uwhye3.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
  content: "\e64c";
}
//引用
<text class="iconfont icon-gengduo"></text>
发布了6 篇原创文章 · 获赞 0 · 访问量 235

猜你喜欢

转载自blog.csdn.net/qq_43538389/article/details/104774384