1、进入icomoon首页,进入icomoon-APP,选中图标,点击右下角generate font,记住图标标示,然后下载 2、下载后,安装字体,并将其放到css文件夹下 3、在css文件中加入以下代码@font-face { 4、在css中加入一段代码 在html ...
前两篇文章写了一下如何在vue项目中使用vue awesome和阿里的iconfont,这里介绍一下如何使用iconMoon图标 iconMoon和前两者相比可以生成自己的矢量图,这点是我喜欢的。至于前两种有没有这个功能我暂时没了解,今天用了一下iconMoon瞬间喜欢上 首先提示一下:不要用我们的png,jpg等格式来转成svg格式。一个是基于像素的,一个是基于矢量线的, 哪怕我们用在高级的工具 ...
2018-01-03 20:00 0 4675 推荐指数:
1、进入icomoon首页,进入icomoon-APP,选中图标,点击右下角generate font,记住图标标示,然后下载 2、下载后,安装字体,并将其放到css文件夹下 3、在css文件中加入以下代码@font-face { 4、在css中加入一段代码 在html ...
...
在src/components下新建文件夹及文件SvgIcon/index.vue,index.vue ...
3.在src/components下新建文件夹及文件SvgIcon/index.vue,ind ...
为什么不切图标了 以前的图标我们非常喜欢用ps等工具切成一张张xxx.png图片,如果稍微懂点移动端适配,对dpr(设备像素比)有所了解的,还会切出类似home@1x.ppng,home@2x.png,home@3x.png这样的图标,其中@1x表示用来适配dpr为1的手机,图像分辨率最低 ...
在上一篇文章中介绍了如何在vue项目中使用vue-awesome,如果你想了解,请移步《vue项目中使用vue-awesome》 这里介绍一下vue项目中如何使用阿里的iconfont图标库,先看一下官网 可以看到有将近两百万的图标量,可以说我们想要的矢量图图标这里大部分都是有的,下面直接 ...
2、在Vue项目中assets文件夹下新增一个icon文件夹,将下载下来的文件解压到icon文 ...
: 在src/icons/index.js中使用webpack的require.context自动引入s ...