1.把图标添加到项目里
先把需要用到的图标加入到购物车,然后在购物车里把图标添加到项目里。
2.下载至本地
点击下载至本地
然后把iconfont.css拷贝到uniapp项目里
3.替换iconfont.css里面的font-face
如下图所示,点击复制代码替换
4.在App.vue中全局引用
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
// @import "static/global.css";
@import "static/css/global.css";
@import "static/css/iconfont.css";
page{
background-color: #edf0f5;
}
</style>
5.在uniapp中引用
<text class="iconfont icon-map-pin-fill"></text>