uniapp引用阿里云图标

332 阅读1分钟

1.把图标添加到项目里

先把需要用到的图标加入到购物车,然后在购物车里把图标添加到项目里。

2.下载至本地

image.png

点击下载至本地

image.png 然后把iconfont.css拷贝到uniapp项目里

3.替换iconfont.css里面的font-face

如下图所示,点击复制代码替换

image.png

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>