微信小程序使用icon图标

news/2024/7/20 4:24:35 标签: 微信小程序, 小程序

原因: 小程序>微信小程序使用fontawesome库使用icon图标,网上有很多教程,按照网上说法制作,引入到小程序>微信小程序中,但是验证成功,只能使用部分图标,结果不尽如人意。后面使用阿里巴巴开源iconfont来使用icon,这种方式很便捷、轻量、好管理。

1. 建立账号,资源管理中新建立项目,在iconfont中选中自己想要使用的icon。

2.将想要使用的icon添加到购物车中,将购物车中的图标添加到项目中,在项目中生成代码。

 3.在小程序中引入iconfont中生成的代码,这样基本的操作完成了,在小程序中就可以使用了,如果想要增加新的图标,需要更新这部分代码即可。

4.代码格式,在class中 iconfont 后面接 icon 引入的名字 即可。

class="iconfont icon-arrow-right-bold header-btn"

http://www.niftyadmin.cn/n/5473981.html

相关文章

基于深度学习的乳腺癌智能检测分割与诊断系统【python源码+Pyqt5界面+数据集+训练代码】深度学习实战、目标分割、人工智能

《博主简介》 小伙伴们好,我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源,可关注公-仲-hao:【阿旭算法与机器学习】,共同学习交流~ 👍感谢小伙伴们点赞、关注! 《------往期经典推…

【Kafka】Kafka安装、配置、使用

【Kafka】安装Kafka 1. 安装Kafka2. Kafka使用2.0 集群分发脚本xsync(重要)2.0.1 scp命令2.0.2 rsync远程同步工具2.0.3 写一个集群分发脚本xsync (Shell 脚本) 2.1 Zookeeper安装2.2 对Kafka进行分发2.2.1 执行同步脚本2.2.2 三台云主机配置Kafka环境变量 1. 安装Kafka Kafka…

金融数据_PySpark-3.0.3决策树(DecisionTreeClassifier)实例

金融数据_PySpark-3.0.3决策树(DecisionTreeClassifier)实例 逻辑回归: 逻辑回归常被用于二分类问题, 比如涨跌预测。你可以将涨跌标记为类别, 然后使用逻辑回归进行训练。 决策树和随机森林: 决策树和随机森林是用于分类问题的强大模型。它们能够处理非线性关系, 并且对于特…

MySQL(目录)

作者:码农出击 链接:https://www.zhihu.com/question/632989513/answer/3312494291 来源:知乎 著作权归作者所有。 MySQL数据库(7天~15天) 1、数据存储引擎:InnoDB、myISAM、Memory 2、数据库索引类型及原…

博客部署004-centos安装mysql及redis

1、如何查看当前centos版本? cat /etc/os-release 2、安装mysql 我的是centos8版本,使用dnf命令 2.1 CentOS 7/8: sudo yum install -y mysql-community-server 或者在CentOS 8上,使用DNF:🌟 sudo dnf install -y mysql-ser…

滑动窗口代码模板

代码模板: //滑动窗口伪代码 class Solution { public:int minWindow(string s) {// 同方向移动,起始的时候,都位于 0,表示我们定义搜索区间为 [left, right) ,此时区间为空区间int left 0;int right 0;while(right…

【二分查找】Leetcode 在排序数组中查找元素的第一个和最后一个位置

题目解析 34. 在排序数组中查找元素的第一个和最后一个位置 我们使用暴力方法进行算法演化,寻找一个数字的区间,我们可以顺序查找,记录最终结果 首先数组是有序的,所以使用二分法很好上手,但是我们就仅仅使用上一道题…

js怎样判断status

相信大家都知道Switch开关吧,他有两种状态,通常用1/2表示,开启时为true,关闭时为false,那么我们该怎样判断他是否为开启还是关闭你? 我们可以声明一个变量,让它等于status,判断它是否等于1/2&…