vue引入阿里妈妈的图标

首先你需要一个团队，然后加入进去，这时候你就可以找到自己项目需要用的的图标，然后加入购物车，直接点击下载代码，然后解压，然后把这个文件放到你的项目里边，我是vue，所以放到了pubulc下，

json文件就是你需要用到的东西，然后打开就可以看到你在阿里妈妈写的name。
这时候就可以在项目引用了

        <Button :type="primarys" custom-icon="iconfont icon-common" ></Button><Button :type="defaults" custom-icon="iconfont icon-xxx" ></Button>

我用的组件是iview，然后button有props，可以直接使用，icon-xxx就是json文件里面起的名字。

vue引入阿里妈妈的图标相关推荐

uni-app（一）----引入阿里云矢量图标库
这段时间因为老师要求,要做一个小程序,所以开始学一下uni-app开发,以后我会把我学的东西都发出来.现在写一下关于引入阿里云矢量图标库的方法添加图标首先去官网选择你喜欢的图标你可以在这搜索你想 ...
uniapp如何引入阿里云矢量图标库
最近搞了下uniapp的开发,写一下关于引入阿里云矢量图标库的方法: 首先说下我走过的坑吧,我直接把图标zip包下下来放在static里面,在App.vue的style中引入,保存,后面查了下,微信小 ...
阿里妈妈矢量图标使用
1.登陆 http://www.iconfont.cn/ 阿里妈妈矢量图标库 2.登陆,可以使用GitHub账号或者其他账号登陆 3.选择将要使用的主题图标,或者在搜索栏里面搜索需要的图标 4.将需要 ...
关于阿里妈妈字体图标
什么是icon fonts 这个实在不知道怎么描述,我的理解就是利用字体工具把Web上平时使用的图标(icons)转换成icon fonts;它可以借助CSS中的@font-face嵌入网页中,用于显 ...
来一个阿里妈妈字体图标的简单说明书吧
随着前端技术的飞速发展,涌现了很多新的技术.而且我们在用户体验的路上也是一直在孜孜不倦的探索着.为了提高页面的加载速度,渲染速度.提高用户的体验做出了很多努力. 可是最近发现很多前端开发者还是不会是用 ...
微信小程序如何使用阿里妈妈iconfont图标库
1.首先进入iconfont首页,没有账号的先注册账号 http://www.iconfont.cn/ 2.选择需要的图标,加入到你的小车中 3.在这里新建一个项目将图标加进去,这个时候就可以查看并且 ...
vue element ui引入阿里库的图标
iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载.在线存储.格式转换等功能.阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具http ...
vue 踩坑笔记二.vue引入阿里矢量图库的矢量图
文章目录 1. 进入阿里矢量图官网 2.新建项目 3.找到自己需要的矢量图 4.在需要的组件内进行引入 5.在放置矢量图 7.修改html(class中粘贴矢量图代码,一定要加iconfont !!! ...
vue引入阿里iconfont
创建项目下载到本地,会下载一个压缩包,解压后拿到在assets文件夹中创建一个icon文件夹,将这几个文件放进去最后在main.js中引入.css文件就ok了后面如果新添加了图标直接在阿里图标 ...

vue引入阿里妈妈的图标

vue引入阿里妈妈的图标相关推荐

最新文章

热门文章