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

相关推荐
Jiaberrr6 小时前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活
不老刘6 小时前
uniapp+vue3实现CK通信协议(基于jjc-tcpTools)
前端·javascript·uni-app
疯狂的沙粒8 小时前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app
^Rocky8 小时前
uniapp 集成腾讯云 IM 富媒体消息(地理位置/文件)
uni-app·腾讯云·媒体
$程8 小时前
Uniapp 二维码生成与解析完整教程
前端·uni-app
tryCbest8 小时前
UniApp系列
uni-app·web
iOS阿玮10 小时前
社交的本质是价值交换,请不要浪费别人的时间。
uni-app·app·apple
monika_yu10 小时前
uniapp 开发ios, xcode 提交app store connect 和 testflight内测
uni-app
大阳光男孩13 小时前
Vue3 + UniApp 蓝牙连接与数据发送(稳定版)
uni-app
八月林城1 天前
echarts在uniapp中使用安卓真机运行时无法显示的问题
android·uni-app·echarts