一、iconfont的使用范围 在工作当中,经常会用到嵌在元素里的小图标 在这种情况下,如果使用<img>标签或者用作背景图片,也能实现这种效果。但是如果这么做的话,就必须把图片一个个切下来做成精灵图,过于麻烦。而且图标一般都会改变颜色形状,就要求一个图标制作多个状态的图。另外,背景图片还牵扯到ba ...
分类:
其他好文 时间:
2018-08-06 13:39:52
阅读次数:
193
前言 如果你在开发微信时,没有图标的话,可以到http://www.iconfont.cn/ 官方下使用图标,那么我们去使用一些吧,到官方网址下点击使用~ 下载代码即可使用,看看下载的文件吧。 如图可以用demo_fontclass.html下的例子。打开微信小程序开发工具。 接下来使用代码: 效果 ...
分类:
微信 时间:
2018-08-05 14:22:50
阅读次数:
193
前言 最近公司要开发一款电商小程序,匆忙看了一遍文档就开始干活了。整体开发体验个人感觉不太好,特别是如果之前习惯了Vue开发,突然去开发小程序,感觉很鸡肋。以下是我在开发中遇到的一些问题以及解决方法的总结,仅供参考 引入iconfont 在小程序中引入字体图标要比web麻烦一些,简单说需要三步: 1 ...
分类:
其他好文 时间:
2018-07-18 19:06:05
阅读次数:
804
一、 There are multiple modules with names that only differ in casing. 这个情况是如果多出引用的组件 有一个地方的引用地址的大小写肯定是写错了 检查一下 二、vue渲染iconfont的时候,用unicode,不能直接放在标签里面,要 ...
分类:
其他好文 时间:
2018-07-18 01:15:44
阅读次数:
360
http://findicons.com/ http://www.iconfont.cn/ ...
分类:
其他好文 时间:
2018-07-16 11:20:16
阅读次数:
200
如何在小程序中使用iconfont 1.添加入库 2.加入项目 3.下载ttf 4.进行base64处理,在这个平台https://transfonter.org/ 上转换一下格式为base64位。 5.使用 换成 ...
分类:
微信 时间:
2018-07-13 20:20:55
阅读次数:
724
npm install stylus --save npm install stylus-loader --save 移动端一般采用rem布局方式 Header组件里iconfont的使用和代码优化:在src/assets/styles目录下新建一个iconfont文件夹,把iconfont.css ...
分类:
其他好文 时间:
2018-07-11 01:00:31
阅读次数:
153
<template> <div class="share"> <div class="header"> <div class="top-content"> <span class="iconfont icon-fanhui1" @click="back"></span> <span>在线客服</sp ...
分类:
其他好文 时间:
2018-07-05 21:32:57
阅读次数:
782
介绍三种icon字体图标的方法 先选择想要使用的图标,加入购物车后添加到项目http://www.iconfont.cn/ Unicode方式 选择Unicode 生成并复制红框中的代码,然后在HTML中添加style,或者加入到CSS中,并将图标对应的Unicode码添加到相应的标签元素中,当然别 ...
分类:
其他好文 时间:
2018-07-04 01:19:39
阅读次数:
209
对于前端开发,图标是前端页面不可缺少的元素,他能更让前端页面更加丰富。前端页面的初期都是使用图片,对于小的图标使用图片拼成雪碧图不仅影响前端开发的效率,而且图片文件相对较大也会影响网页加载的速度。ionfont字体图标相较于图片他的优势就是文件大小极小,几百个图标才几十上百kb,但是换成图片可能已经 ...
分类:
其他好文 时间:
2018-07-02 00:10:31
阅读次数:
194