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

  1. 打开链接 iconfont官网
  2. 进入 素材库-官方图标库中 挑选 适合的 字体图标 放到购物车
  3. 点击 导航栏 中 购物车 图标
  4. 把选中的 图标 添加至项目
  5. 然后在我的项目中 找到 项目 点击 【查看在线链接】
  6. 点击 图中 【暂无代码,点此生成】 生成 css 文件链接
  7. 点击 css 打开 css 文件 复制代码
  8. 在微信小程序项目中 新建 【iconfont/iconfont.scss】文件 然后粘贴 css 代码
  9. 在 app.scss 中 引入该 iconfont.scss 文件 注意别忘记加 ;
javascript 复制代码
@import "./iconfont/iconfont.scss";
  1. 然后在使用文件中使用
javascript 复制代码
<view class="iconfont icon-gongsixinwen"></view>
相关推荐
旧味清欢|2 分钟前
关注分离(Separation of Concerns)在前端开发中的实践演进:从 XMLHttpRequest 到 Fetch API
javascript·http·es6
热爱编程的小曾20 分钟前
sqli-labs靶场 less 8
前端·数据库·less
gongzemin31 分钟前
React 和 Vue3 在事件传递的区别
前端·vue.js·react.js
Apifox44 分钟前
如何在 Apifox 中通过 Runner 运行包含云端数据库连接配置的测试场景
前端·后端·ci/cd
-代号95271 小时前
【JavaScript】十四、轮播图
javascript·css·css3
树上有只程序猿1 小时前
后端思维之高并发处理方案
前端
庸俗今天不摸鱼2 小时前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
QTX187302 小时前
JavaScript 中的原型链与继承
开发语言·javascript·原型模式
黄毛火烧雪下2 小时前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
曲江涛2 小时前
微信小程序 webview 定位 并返回
微信小程序·小程序