Taro引入阿里图标
首先进阿里图标下载项目至本地
下载完解压缩打开后将以下文件复制出来
这边我在src下新建一个fonts目录,将上面复制下来的五个文件放到里面(目录名可以自己命名,或者放在其他目录下)
返回到上级也就是src目录下打开app.tsx(或app.js)文件引入 import ‘./fonts/iconfont.css’
以上就引用完icon,接下来我们来试试效果,在页面中写上以下内容,由于图标太小所以我加上大小,样式就自己调试了
<View className='iconfont icon-home' style='font-size:30PX;color:red;'></View>
最后效果如下(目前只测试了h5和小程序)
如果有帮助请在右上角点个赞! 谢谢!!
Taro引入阿里图标相关推荐
- 小程序以及h5引入阿里图标不显示最简单解决方案
小程序项目,按照老方法,图标部分手机不显示,经理炸毛,自己也头痛,网上搜了一大堆方法,有转化base64的,还有其他各种的,感觉太麻烦了也不好用,本人就讨厌麻烦,直男程序员一枚,今天花时间,认真研究了 ...
- vue 中引入阿里图标库,封装iconPicker组件
一.引入阿里图标库 1.vue项目引入阿里图标库 二.封装iconPicker组件 1.子组件 <template><el-popoverplacement="bottom ...
- uniapp引入阿里图标
uniapp引入阿里图标: uniapp引入自定义阿里图标库后在手机端不显示图标 跟着我做: 第一步: 第二步: 第三步: 是的,你没看错,这样操作不太行,确实没有图标s #学习时间(正确): 第一步 ...
- 如何在React中引入阿里图标库的图标
一.周所周知 在 Antd Design 中也有一些图标,但是要找到自己想要的图标不是很方便,需要一个一个的找.而且提供的图标数量也不是很多! 而阿里图标库可以通过搜索找到自己想要的图标,图标的数量和 ...
- uni-app引入阿里图标
个人博客 今天刚好用uni-app在开发一个多端应用,在开始引用图标时不知道如何引入多端应用的图标,后来用阿里图标解决了,在此记录下解决的方法 去阿里图标官网下载阿里图标,选择unicode 2.复制 ...
- 前端小知识:ElementPlus引入阿里图标使用(超详细-手把手教学)
文章目录 1. 下载阿里图标 2. 将下载的文件压缩放入到项目中 3. 直接本地打开压缩文件里面的使用Demo - demo_index.html 4. 根据上面的Demo提示,页面需引入文件里面的i ...
- 小程序如何引入阿里图标。
1.将阿里图标加入购物车下载到本地,解压下载的文件,找到ttf后缀的文件. 2.通过https://transfonter.org平台将ttf转换成base64格式 3.把转换后的文件夹里的css后缀 ...
- vue 外卖app(3) 引入阿里图标
1.登陆阿里图标官网 2.点击搜索按钮,输入你想要搜索的图标,加入购物车,保存到项目中 3.在项目中使用 转载于:https://www.cnblogs.com/guangzhou11/p/95744 ...
- React项目中如何结合antd引入阿里图标(外联方式)
在Raect项目中,图标的使用不可避免,如何使用根据antd来使用阿里图标库? 一.在阿里图标库中选中自己需要的图标存到自己的项目当中并下载至本地 二.1.在React项目的根目录下创建一个stati ...
最新文章
- Android判断是否Root方法
- 动态生成的DOM做点击事件无效
- c++ template(5)模板实战
- java做法_Java方法
- 【OpenGL 实验二】Liang-Barsky 裁剪算法
- 移动平均法又称滑动平均法、滑动平均模型法(Moving average,MA)
- Webpower中国区发布《2015年中国金融保险行业邮件营销市场报告》
- 计算机网络TETP功能和作用,常见tftp命令及用法
- 计算机无法安装MUMU模拟器,电脑手机模拟器,详细教您电脑手机模拟器MuMu模拟器怎么使用...
- 参加ACM比赛所需的基础知识
- win7 、2008 提示Error 1606 Could Not Access Network Location %SystemDrive%/inetpub/wwwroot/ 的错误解决方法
- CAD数据文件格式DXF部分实体(圆弧、椭圆、凸度)解析[原理讲解+公式推导+java实现]
- 下载喜马拉雅工具 洪校长音频
- GD32450Z 液晶RGB-LCD(AT070TN94)调试教程
- 到底什么是类脑计算?
- 初探微信小游戏(一)
- 爬虫练习-爬取笔趣阁小说
- 二分查找【思路】【递归】
- java开发nao机器人,NAO机器人学习小计
- HTML/HTML5文本格式化标签:通过标签来美化文本外观