小程序字体图标使用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>
相关推荐
两个月菜鸟3 分钟前
vue+微信小程序 五角星
前端·vue.js·微信小程序
GISer_Jing1 小时前
React手撕组件和Hooks总结
前端·react.js·前端框架
说私域4 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的微商服务优化及复购转介绍提升策略研究
人工智能·小程序
Warren985 小时前
Lua 脚本在 Redis 中的应用
java·前端·网络·vue.js·redis·junit·lua
mCell6 小时前
JavaScript 运行机制详解:再谈 Event Loop
前端·javascript·浏览器
amy_jork8 小时前
npm删除包
开发语言·javascript·ecmascript
帧栈10 小时前
开发避坑指南(27):Vue3中高效安全修改列表元素属性的方法
前端·vue.js
max50060010 小时前
基于桥梁三维模型的无人机检测路径规划系统设计与实现
前端·javascript·python·算法·无人机·easyui
excel10 小时前
使用函数式封装绘制科赫雪花(Koch Snowflake)
前端
我命由我1234510 小时前
软件开发 - 避免过多的 if-else 语句(使用策略模式、使用映射表、使用枚举、使用函数式编程)
java·开发语言·javascript·设计模式·java-ee·策略模式·js