当前位置:网站首页>uniapp使用阿里图标
uniapp使用阿里图标
2022-06-12 18:40:00 【BackgroundHero】
选择自己喜欢的图标点击添加入库
在右上角找到购物图案,点击,将选好的图标添加到项目里

添加后跳转到项目里
点击下载到本地
解压后找到iconfont.css文件,复制到uniapp项目里

在App.vue里导入公共样式(也就是刚刚导入的字体图标样式iconfont.css)

这里有很多种写法
亲测,这三种写法都支持
然后再回到阿里图标
点击复制代码
然后打开iconfont.css
将第一段的内容全部替换成复制的代码
然后就能在页面中使用阿里图标了
此时的图标可以当成字体来设置大小
<text class="iconfont iconfengzheng" style="font-size: 200px;"></text>

效果如图
补充:
还需要在iconfont.css里,将里面的链接前面都加上https:
这也是后来发现的
将项目打包运行在手机上时图标显示不出来
具体原因不知
盲猜可能是由于安卓系统的限制不允许访问非https链接
边栏推荐
- 观察网站的页面
- Two months later, my second listing anniversary [June 2, 2022]
- Gd32f4xx communicates with electric energy meter conforming to dlt645_ two
- 2022.6.12-----leetcode.890
- Research Report on the overall scale, major manufacturers, major regions, products and application segmentation of swimming fins in the global market in 2022
- [blockbuster release] ant dynamic card, enabling the app home page to realize agile update
- C language practice (4) -- multiplication and division of large numbers
- 每日一博 - 微服务权限一二事
- 觀察網站的頁面
- VirtualLab基础实验教程-4.单缝衍射
猜你喜欢

leetcode:6097. 替换字符后匹配【set记录 + 相同长度逐一查询】

Review of MySQL (4): sorting operation

【矩阵论 & 图论】期末考试复习思维导图

Mise en œuvre de l'ACL réflexe dans le simulateur Cisco Cisco Packet Tracer

从应无所住说起

Basic SQL statement - select (single table query)

C language operation database (SQLite3) call interface function

Solution to the problem that the anaconda navigator card logo cannot be opened and the card will flash back - replace the alicloud image source

【0008】无序列表

Review of MySQL (VIII): Transactions
随机推荐
OpenGL shadow implementation (soft shadow)
Research Report on the overall scale, major manufacturers, major regions, products and application segmentation of swimming fins in the global market in 2022
Comparison of disk mapping tools for network disk and object cloud storage management
01 complexity
Implementing reflexive ACL in Cisco packet tracker
leetcode:6094. 公司命名【分组枚举 + 不能重复用set交集 + product笛卡儿积(repeat表示长度)】
Double non grind one, three side byte, cool. Next time
dumi 搭建文档型博客
Redis(三十二)-用Redis做分布式锁
基于Halcon的矩形卡片【手动绘制ROI】的自由测量
【0008】无序列表
【sql语句基础】——查(select)(单表查询)
232-CH579M学习开发-以太网例程-TCP服务器(项目应用封装,局域网或广域网测试)
CEPH deploy offline deployment of CEPH cluster and error reporting FAQ
In 2021, the global spice and seasoning revenue is about 18720million US dollars, and it is expected to reach 25960million US dollars in 2028
Daily blog - micro service permission 12 matters
kali2022如何安装w3af
VirtualLab basic experiment tutorial -5 Poisson bright spot
How to modify the authorization of sina Weibo for other applications
leetcode:6096. 咒语和药水的成功对数【排序 + 二分】