小程序字体图标使用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>
相关推荐
许杰小刀14 小时前
ctfshow-web文件包含(web78-web86)
android·前端·android studio
我是Superman丶15 小时前
Element UI 表格某行突出悬浮效果
前端·javascript·vue.js
恋猫de小郭15 小时前
你的代理归我了:AI 大模型恶意中间人攻击,钱包都被转走了
前端·人工智能·ai编程
xiaokuangren_15 小时前
前端css颜色
前端·css
Huanzhi_Lin15 小时前
关于V8/MajorGC/MinorGC——性能优化
javascript·性能优化·ts·js·v8·新生代·老生代
hoiii18716 小时前
C# 基于 LumiSoft 实现 SIP 客户端方案
前端·c#
anOnion16 小时前
构建无障碍组件之Meter Pattern
前端·html·交互设计
小码哥_常16 小时前
Spring Boot配置diff:解锁配置管理新姿势
前端
小码哥_常16 小时前
告别onActivityResult!Android数据回传的3大痛点与终极解决方案
前端
hhcccchh17 小时前
1.2 CSS 基础选择器、盒模型、flex 布局、grid 布局
前端·css·css3