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

相关推荐
耶啵奶膘29 分钟前
uniapp——地图路线绘制map
uni-app
shadouqi34 分钟前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩2 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤4 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
某公司摸鱼前端11 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.14 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
牧杉-惊蛰18 小时前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app
Little_Code1 天前
uniapp 使用ffmpeg播放rtsp
ffmpeg·uni-app·rtsp
儿歌八万首1 天前
uniapp 和原生插件交互
uni-app·交互
儿歌八万首1 天前
UniApp 中实现智能吸顶 Tab 标签导航效果
前端·javascript·uni-app