小程序字体图标使用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>
相关推荐
DoraBigHead9 分钟前
React 中的代数效应:从概念到 Fiber 架构的落地
前端·javascript·react.js
LuckySusu9 分钟前
【vue篇】Vue 性能优化全景图:从编码到部署的优化策略
前端·vue.js
卓伊凡13 分钟前
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓
前端
笨笨鸟慢慢飞16 分钟前
Vue3后退不刷新,前进刷新
前端
LuckySusu18 分钟前
【vue篇】SSR 深度解析:服务端渲染的“利”与“弊”
前端·vue.js
LuckySusu18 分钟前
【vue篇】SPA 单页面应用:现代 Web 的革命与挑战
前端·vue.js
LuckySusu19 分钟前
【vue篇】Vue 初始化页面闪动(FOUC)问题终极解决方案
前端·vue.js
fruge21 分钟前
从 0 到 1 理解前端工程化:图表化解析核心逻辑
前端
LuckySusu22 分钟前
【vue篇】技术分析:Template 与 JSX 的本质区别与选型指南
前端·vue.js
BestStarLi27 分钟前
个人写码感悟:TailwindCSS不要忽视子选择器
前端