uniapp如何使用自定义的图标

http://t.csdnimg.cn/8KenC

以上是原文章,下面内容是从这篇文章转发的

一、导入

1.在官方(iconfont-阿里巴巴矢量图标库)选择自己想要的图标,加入购物车

  1. 在点击购物车下载代码

3.解压文件夹 并更改名字

4.将文件夹(iconfont)整个放到项目中的static中

5.修改iconfont.css文件

6.在App.vue中全局引入 iconfont.css文件

二、使用

在页面中如何使用?

1、在iconfont.json中找到相对应的font-class

2.在页面中使用

注意:

一定要添加类名 :iconfont

每个独立样式前添加前缀 :icon-

原文链接:https://blog.csdn.net/karlaofsky/article/details/136970579

相关推荐
梦梦代码精5 小时前
基于UniApp+Vue3+ThinkPHP 8,这套知识付费系统的架构设计有点东西
java·低代码·docker·uni-app·开源·php
风月说与山鬼8 小时前
三、uni-app页面配置(pages.json)
前端·uni-app
风月说与山鬼13 小时前
二、uni-app入口文件(main.js)
javascript·uni-app
xiaopang1 天前
一次小程序 Canvas 海报真机调试复盘:从空白导出到 iOS 保存失败
uni-app
MrFlySand_飞沙1 天前
uniapp开发微信小程序实现接入企业微信客服
微信小程序·小程序·uni-app·企业微信
PedroQue992 天前
Vue Router 4.x风格导航守卫全面升级
前端·uni-app
Haibakeji2 天前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求
anyup2 天前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
2501_916007472 天前
申请 iOS 推送证书并配置 APNs 群发推送教程
android·ios·小程序·https·uni-app·iphone·webview
博客zhu虎康3 天前
uni-app云打包显示编译成功,但是一直没有进入打包队列,后面也一直没反应
uni-app