如何在微信小程序中使用阿里巴巴矢量图

1、添加icon图标

https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

如何在微信小程序中使用阿里巴巴矢量图_第1张图片
如何在微信小程序中使用阿里巴巴矢量图_第2张图片

如何在微信小程序中使用阿里巴巴矢量图_第3张图片

2、将图标引入小程序项目

如何在微信小程序中使用阿里巴巴矢量图_第4张图片

3、使用图标

直接在class属性中使用即可,回到阿里巴巴矢量图官网,找到自己刚才添加进购物车的图标,直接复制图标代码拿过来用即可。

如何在微信小程序中使用阿里巴巴矢量图_第5张图片

 <view class="navItem">
    <text class="iconfont icon-meirituijian"></text>
    <text>每日推荐</text>
  </view>

你可能感兴趣的:(前端学习,新手村,微信小程序,小程序)