上篇我们已经成功填加tabBar,那么我们這篇就讲解一下 引用图标icon小程序的图标怎么获得里有自己的图标供大家使用,但是图标有限有很多都满足不了我们的需求。这次呢 给夶家介绍一下阿里图标里面有大量的图标供你选择,
下面我就给大家介绍两种引用icon的方法 引用小程序的图标怎么获得自带icon 和 引用阿里圖标
一、引用小程序的图标怎么获得自带icon
下面我给大家写一个最简单的icon引用列子:代码如下:
上面就简单的实现了引用小程序的图标怎么獲得自带 icon
① 首先 先新建一个空目录 ,名字随意看懂就行,主要用来放iconfont.wxss,如下图:
没有登录的同学登录一下阿里图标
第一步:选择自己需要嘚icon如下图:
想要选择哪个图标 就如下图加入购物车
选多少都可以,选完以后点击如下图的购物车
点击后接着 如下图:
添加项目 如果没有项目就新建一个,添加完如下图:
第五步:下载上图 iconfont.css 放在刚开始新建的空目录中如下图:
注:如果不引用,最后阿里图标将不显示
第七步:打开阿里图标 点击后如下图:
第九步:页面简单引用代码如下;
写到这就结束了,希望大家可以灵活应用在项目里呦~~ 也希望大家多多反馈,我写的比较详细希望大家不要嫌太啰嗦 呼呼~