当前位置:网站首页>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链接
边栏推荐
- 2022.6.12-----leetcode.890
- Gd32f4xx controls dgus touch keys
- Hugo 博客搭建教程
- A story on the cloud of the Centennial Olympic Games belonging to Alibaba cloud video cloud
- Review of MySQL (4): sorting operation
- [Huawei cloud stack] [shelf presence] issue 10: difficulties and solutions of it monitoring and diagnosis in the cloud scenario of government enterprise hybrid in the cloud native Era
- Operational research optimization of meituan intelligent distribution system - Notes
- Gd32f4xx controls dgus variable display
- Review of MySQL (10): three paradigms of database
- How to modify the authorization of sina Weibo for other applications
猜你喜欢

Implementing reflexive ACL in Cisco packet tracker

What is SAP support package stack

In 2021, the global spice and seasoning revenue is about 18720million US dollars, and it is expected to reach 25960million US dollars in 2028

Review of MySQL (3): query operation

Go package import mode member visibility

kali通过iptables实现端口转发功能

什么是网络代理

leetcode:98. 统计得分小于 K 的子数组数目【双指针 + 计算子集个数 + 去重】

Title 66: input 3 numbers a, B, C, and output them in order of size.

How to download proxystrike in China
随机推荐
Regression analysis based on elasticnetcv
Summary of static memory allocation and dynamic memory allocation
吃饭咯 干锅肥肠 + 掌中宝!
基于Halcon的螺栓螺丝部分划痕、腐蚀缺陷检测
wireshark基本使用命令
Virtual Lab Basic Experiment tutoriel - 4. Diffraction à fente unique
Review of MySQL (10): three paradigms of database
In 2021, the global spice and seasoning revenue is about 18720million US dollars, and it is expected to reach 25960million US dollars in 2028
VirtualLab基础实验教程-5.泊松亮斑
Go init initialization function
Implementing reflexive ACL in Cisco packet tracker
Double non grind one, three side byte, cool. Next time
Gospel of audio and video developers, rapid integration of AI dubbing capability
The difference between user status and system status in CRM
看不懂Kotlin源码?从Contracts 函数说起~
To understand Devops, you must read these ten books!
Redis(三十二)-用Redis做分布式锁
Title 37: sorting 10 numbers
Basic SQL statement - select (single table query)
lua记录