自学内容网 自学内容网

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

  1. 打开链接 iconfont官网
  2. 进入 素材库-官方图标库中 挑选 适合的 字体图标 放到购物车
  3. 点击 导航栏 中 购物车 图标
  4. 把选中的 图标 添加至项目
    在这里插入图片描述
  5. 然后在我的项目中 找到 项目 点击 【查看在线链接】
    在这里插入图片描述
  6. 点击 图中 【暂无代码,点此生成】 生成 css 文件链接
  7. 点击 css 打开 css 文件 复制代码
  8. 在微信小程序项目中 新建 【iconfont/iconfont.scss】文件 然后粘贴 css 代码
  9. 在 app.scss 中 引入该 iconfont.scss 文件 注意别忘记加 ;
@import "./iconfont/iconfont.scss";
  1. 然后在使用文件中使用
<view class="iconfont icon-gongsixinwen"></view>

原文地址:https://blog.csdn.net/weixin_44166849/article/details/140374613

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!