小程序字体图标使用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>
相关推荐
西陵6 分钟前
Nx带来极致的前端开发体验——借助CDD&TDD开发提效
前端·javascript·架构
叹一曲当时只道是寻常7 分钟前
vue中添加原生右键菜单
javascript·vue.js
小磊哥er17 分钟前
【前端工程化】前端工作中的业务规范有哪些
前端
旷世奇才李先生22 分钟前
Next.js 安装使用教程
开发语言·javascript·ecmascript
ᥬ 小月亮27 分钟前
webpack基础
前端·webpack
YongGit1 小时前
探索 AI + MCP 渲染前端 UI
前端·后端·node.js
慧一居士1 小时前
<script setup>中的setup作用以及和不带的区别对比
前端
RainbowSea2 小时前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴2 小时前
笨方法学python -练习14
java·前端·python
Mintopia2 小时前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学