mui使用阿里矢量图标

作者: 没有昵_称 | 来源:发表于2017-11-07 15:11 被阅读33次

mui使用阿里矢量图标
阿里的字体库—iconfont
前端图标使用icon-font之font-class篇
Android 图标等资源美化
day12 IconFont-阿里巴巴矢量图标库
在uni-app项目中使用阿里巴巴矢量图标库
Iconfont——阿里巴巴矢量图标库的使用
Iconfont -- 阿里巴巴矢量图标库的使用
重构技巧之其它
阿里巴巴矢量图标库的简单使用

登录Iconfont官网
搜索图标并加入购物车

image.png

在页面中引入iconfont.css,并修改iconfont.css文件

image.png

使用图标

<header class="mui-bar mui-bar-nav"> 
    <a class="mui-pull-left iconfont icon-shaixuan" style="font-size: 30px;margin-top: 10px;"></a>
    <h1 class="mui-title">首页</h1>           
</header>

效果图如下：

image.png

mui使用阿里矢量图标
登录Iconfont官网搜索图标并加入购物车 image.png image.png image.png ima...
阿里的字体库—iconfont
阿里字体图标库介绍及图标字体的使用方法这篇文章只讲阿里字体图标库的使用，暂不讲图标制作，阿里矢量图标库上的字体图...
前端图标使用icon-font之font-class篇
我们下面使用的是阿里巴巴矢量图标库点击上面链接，打开阿里巴巴矢量图标库，并登陆。如下图所示，我们点击图标库下面的官...
Android 图标等资源美化
1. 在App中需要用到一些按钮的图片，可以使用阿里的矢量图标库。地址：阿里巴巴矢量图标库使用方法：去阿...
day12 IconFont-阿里巴巴矢量图标库
IconFont-阿里巴巴矢量图标库网址具体使用方法
在uni-app项目中使用阿里巴巴矢量图标库
在uni-app项目中使用阿里巴巴矢量图标库 1、在阿里巴巴矢量图标库创建一个项目，并选择需要的图标添加到该项目中...
Iconfont——阿里巴巴矢量图标库的使用
Iconfont——阿里巴巴矢量图标库，是阿里巴巴UED团队(花名：阿里妈妈MUX)打造的矢量图标管理平台。通...
Iconfont -- 阿里巴巴矢量图标库的使用
为什么要使用阿里巴巴矢量图标库 Iconfont？ Iconfont 提供了近百万的图标，并且有多种使用方式使用...
重构技巧之其它
一、Iconfont 项目管理：统一使用阿里巴巴矢量图标库管理图标上传步骤： ① 点击上传图标 ② 选择所要上传...
阿里巴巴矢量图标库的简单使用
1. 从阿里巴巴矢量图标库中下载具体图标的svg文件「阿里巴巴矢量图标库Iconfont」(http://www...