我们知道,微信小程序的wxss文件中不论是背景还是图标都不能使用相对路径的,所以,以前我们可能会在css中使用阿里图标库,但是在微信小程序中使用阿里图标库,要做一些处理
阿里图标库(不会使用的底下留言)
1、下载好我们想要使用的图标,解压
2、打开iconfont.css 对其做一些处理
看下图是没处理之前的代码
我划红线的是base64格式的,画圈的是相对路径,删除掉相对路径,只保留base64格式的,删除后如下
ok,然后将其放在相应的css文件中,就可以使用了(使用方法和我们在html中使用的方式一样),不需要其他的文件哦!
<view class="tel">
<text class="iconfont icon-dianhua1">电话:{{shop.shop_tel}}</text>
</view>