小程序字体图标使用iconfont 阿里巴巴矢量图

avatar
作者
猴君
阅读量:1
  1. 打开链接 iconfont官网
  2. 进入 素材库-官方图标库中 挑选 适合的 字体图标 放到购物车
  3. 点击 导航栏 中 购物车 图标
  4. 把选中的 图标 添加至项目
    在这里插入图片描述
  5. 然后在我的项目中 找到 项目 点击 【查看在线链接】
    在这里插入图片描述
  6. 点击 图中 【暂无代码,点此生成】 生成 css 文件链接
  7. 点击 css 打开 css 文件 复制代码
  8. 在微信小程序项目中 新建 【iconfont/iconfont.scss】文件 然后粘贴 css 代码
  9. 在 app.scss 中 引入该 iconfont.scss 文件 注意别忘记加 ;
@import "./iconfont/iconfont.scss"; 
  1. 然后在使用文件中使用
<view class="iconfont icon-gongsixinwen"></view> 

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!