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

相关推荐
我开心就好o4 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
Random_index4 小时前
#Uniapp篇:支持纯血鸿蒙&发布&适配&UIUI
uni-app·harmonyos
初遇你时动了情11 小时前
uniapp 城市选择插件
开发语言·javascript·uni-app
小小黑00714 小时前
uniapp+vue3+ts H5端使用Quill富文本插件以及解决上传图片反显的问题
uni-app·vue
草字14 小时前
uniapp input限制输入负数,以及保留小数点两位.
java·前端·uni-app
前端小胡兔15 小时前
uniapp rpx兼容平板
uni-app
荔枝吖15 小时前
uniapp实现开发遇到过的问题(持续更新中....)
uni-app
艾小逗15 小时前
uniapp将图片url转换成base64支持app和h5
uni-app·base64·imagetobase64
halo141617 小时前
uni-app 界面TabBar中间大图标设置的两种方法
开发语言·javascript·uni-app
赣州云智科技的技术铺子2 天前
uni app下开发AI运动小程序解决方案
uni-app·ai运动·ai运动识别·运动识别引擎·uni ai运动解决方案·ai运动会·ai体测