E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
FontAwesome
vue.js系列中的vue-
fontawesome
使用
折腾前言目前工作主要使用vue.js框架进行开发,自己又对vue不是那么了解,还是半桶的状态,所以得加紧步伐赶紧熟悉起来,这两天在使用脚手架vue-cli创建项目玩耍中,又一直对font-awesome锲而不舍,通过github了解到早有大牛搞出了vue-awesome,因此就开始折腾了……废话不多说,开搞!准备工作这个是作者的github地址:飞机为了演示完整步骤,用脚手架新建个项目正在创建中…
·
2019-09-23 02:31
基于vuejs+webpack的日期选择插件
支持小时分钟需要引入
fontawesome
.io的图标库。
·
2019-09-22 18:42
ant design vue
fontAwesome
图标选择器
项目地址:https://github.com/antusen/design-vue-
fontawesome
-picker效果展示依赖
[email protected]
吕小小布
·
2019-09-18 19:41
vue
[React组件封装][实例]
FontAwesome
图标组件封装
公众号:程序员波波
FontAwesome
是前端开发常用了一种图标字体。在React中使用可以使用对应的库,但是感觉不怎么好用。
AndyQsmart
·
2019-09-16 14:09
React
JavaScript
前端开发CSS3——文本样式和盒子及样式
提供一些图标的网站:font-awesome:http://
fontawesome
.dashgame.com/|iconfont:http://www.iconfont.cn/文本样式1、字体样式color
呱唧_T_呱唧
·
2019-09-11 20:00
前端开发CSS3——文本样式和盒子及样式
提供一些图标的网站:font-awesome:http://
fontawesome
.dashgame.com/|iconfont:http://www.iconfont.cn/文本样式1、字体样式color
a860320
·
2019-09-11 20:00
前端
嵌入式
处理springboot OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
springboot项目中添加了字体等文件后,页面无法识别,浏览器调试窗口报错如下:Failedtodecodedownloadedfont:http://localhost:8080/fonts/
fontawesome
-webfont.woff
Mr.ning
·
2019-08-28 09:00
CSS :empty Selector
简单,你可以使用:empty选择器p::before{font-family:"
FontAwesome
";content:"\f240";}p:empty::before{content:"\f244"
范小饭_
·
2019-08-12 15:07
CSS :empty Selector
简单,你可以使用:empty选择器p::before{font-family:"
FontAwesome
";content:"\f240";}p:empty::before{content:"\f244"
范小饭_
·
2019-08-12 15:07
Vue.js项目实战-打造线上商城
开始项目:由于涉及的是前后端分离,所以我们的后台数据就模拟存储于浏览器端(config/config.js里面):当然在这之前你需要使用VueCLI构建项目(),然后才可以进行下去,还有我们这各项目里面用了
FontAwesome
迷途纸鸢
·
2019-08-04 12:00
vue配置font-awesome5的方法步骤
阅读更多用yarn更新yarnadd@fortawesome/fontawesomeyarnadd@fortawesome/vue-fontawesomeyarnadd@fortawesome/
fontawesome
-free-solidyarnadd
iaiai
·
2019-07-25 18:00
Mpvue引入
fontAwesome
图标库
import‘font-awesome/css/font-awesome.min.css’此时使用的话报错VM23297:2Failedtoloadlocalfontresource/static/fonts/
fontawesome
-webfont.woff2
cs0710
·
2019-07-14 11:52
Java Web开发常用网站
iconset=
fontawesome
&version=4.0.3bootstrap的css图标:http://
fontawesome
.dashgame.com/icon图标:https://www.iconfont.cn
connectu
·
2019-06-06 09:53
前端开发常用网站汇总
浏览器兼容性查询https://www.caniuse.com/2、RGB与十六进制颜色码转换https://www.sioe.cn/yingyong/yanse-rgb-16/3、图标库https://
fontawesome
.com
Dreamsqin
·
2019-05-31 10:00
react-native 使用react-native-vector-icons碰到的大坑
正确写法:importICONfrom'react-native-vector-icons/
FontAwesome
'错误写法importICONfrom'node_modules/react-nativ
haoeyoyo
·
2019-05-28 16:25
vue中使用引用font-awesome字体图标
fontawesome
简单方法
看见网上相关文档都需要安装好多依赖,有点麻烦,其实只需要安装一个font-awesome就行第一步安装依赖cnpminstallfont-awesome--save或者npminstallfont-awesome--save个人倾向于前者,因为真快啊第二步引入依赖样式文件在main.js文件中引入//引入font-awesomeimport'font-awesome/css/font-awesom
ChrisWang_
·
2019-05-06 11:16
个人总结
vue中使用引用font-awesome字体图标
fontawesome
简单方法
看见网上相关文档都需要安装好多依赖,有点麻烦,其实只需要安装一个font-awesome就行第一步安装依赖cnpminstallfont-awesome--save或者npminstallfont-awesome--save个人倾向于前者,因为真快啊第二步引入依赖样式文件在main.js文件中引入//引入font-awesomeimport'font-awesome/css/font-awesom
ChrisWang_
·
2019-05-06 11:16
个人总结
微信小程序如何使用字体图标
以下
FontAwesome
为例1、第一步:我们需要进入
FontAwesome
官网下载字体图标的文件2、第二步:我们需要用到一个Transfonter生成工具。
一只前端小白
·
2019-04-25 15:02
日志
前端插件
FontAwesome
字体v4.7.0下载地址:https://
fontawesome
.com/v4.7.0/get-started/#modal-downloadIcons:https://
fontawesome
.com
jedi911
·
2019-04-10 11:24
前端
插件
前端
【Hexo】yilia主题 添加 Subnav 社交图标 CSDN STEAM PSN等等
1.下载需要的图片去
FontAwesome
搜索自己想要的图标,比如:找到想要的之后,
csdn_inside
·
2019-04-09 20:00
前端
前端开发中icon图标使用的那些门道儿
前端开发图标使用在日常开发,前端coder绕不开一个话题,在页面上添加各种小图标,比如或者是这样的:一般来说,总体上有三种方案:位图图标,png图片,经典的使用场景——精灵图;字体图标,比较有名的:
FontAwesome
Bumphy
·
2019-04-05 17:42
前端
CSS布局
HTML
图像
vue配置font-awesome5的方法步骤
前端小伙伴们都知道
FontAwesome
图标库,它具有丰富的常用图标,笔者开发时也经常使用,省却了自己到处找图标的困扰,当然阿里的iconfont也不错,不过它比较杂乱,找的图标有时候不是配套的,尺寸和比例上有些偏差
dushanyifenqing
·
2019-01-27 11:49
9+11个无版权、高清、免费图片素材网站给你!免费无版权可商用图标、图片素材,需要图片的时候可以上去看看
图标:1、阿里巴巴矢量图http://www.iconfont.cn2、easyiconhttp://www.easyicon.net3、FontAwesomehttp://
fontawesome
.dashgame.com
freedomangelly
·
2019-01-22 00:00
FontAwesome
-js样式-1.1
js的引用和css差不多。如果是外部的,直接用如果是已经解压的包,直接用这时候我们就不用引用css了。js里面会自动帮我们创建的。放大缩小我们可以通过设置grow-开头(放大)或者shrink-开头(缩小)设置放大缩小任何值。他们这个还支持小数呢。每次放大和缩小的单位是1/16em。测试书的图标在这里我加了背景颜色,是为了标识。我先开始没加背景色,我还在思考为什么第一个图标左侧空的那么多。后来才发
彩舒
·
2019-01-11 15:55
前端技术
JS插件自动生成 QQ、微博..分享按钮
29/share/生成微博,QQ,人人…的分享按钮项目地址https://github.com/GitHub-Laziji/JS-plugins/tree/master/share自动生成按钮的图标使用
FontAwesome
Inm小程序商店
·
2018-12-10 11:21
验证下拉框是否选择,是否为空
/**验证下拉框是否选择,是否为空*zhangshuai*2018年11月26日15:46*说明:需要传入需要验证的下拉框id数组*class='fafa-times-circle'
FontAwesome
All is well!8023
·
2018-11-26 15:34
前端
在html中展示自己设计的字体(使用自定义字体库实现数据加密)
在iconfont这么发达的年代,作为前端设计工程师使用
fontawesome
是十分频繁的,而“png图”样式图标现在已经应用的比较少了,追溯其原因还是浏览器内核的渲染速度提升和字体库多浏览器(包括手机
齐玉林
·
2018-11-08 08:39
html
项目用到的字体图标-Font Awesome记一下
fontawesome
字体引用官网http://
fontawesome
.dashgame.com/1.官网下载字体点击下载并解压复制到项目路径下2.在html中引用图标样式3.开始使用图标使用方法:标签或者
boom_f512
·
2018-10-24 15:43
扩展 layui icon 图标库 为 阿里图标库或Font Awesome
鉴于Layui140个图标可能不太够用,所以这里我们需要扩展下分别试了
FontAwesome
和阿里的IconFont,其他图标库应该是通用的首先
FontAwesome
这里用的4.7,5.0+emmm是要买授权了嘛
IBeanCN
·
2018-10-22 10:04
解决fonts/
fontawesome
-webfont.woff2 404 (Not Found) fonts/
fontawesome
-webfont.ttf 404 (Not Found)
servelet-mappingdefault2)在spring-mvc.xml中配置3)在spring-mvc中配置等2、如果中间件使用的tomcat可以在web.xml中配置其他服务器再另行查询配置3、更换
fontawesome
k_e_vi_n
·
2018-10-05 20:55
IT
Vue 第三方字体图标引入 Font Awesome的方法
FontAwesome
用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利,不管是在加载还是修改方面,字体图符远远优于图片。
摸路
·
2018-09-28 09:14
Bootstrap4使用图标失效的解决方案
1.问题描述Bootstrap4移除了收费图标的相关内容,如果想使用图标样式需要使用https://octicons.github.com/和http://
fontawesome
.io/提供的内容。
汪喆_Jack
·
2018-09-17 19:13
前端技术相关
react-native-vector-icons android 字体图标
我用的是react-native-vector-icons的
FontAwesome
字体图标比较官方的网址是https://
fontawesome
.com/方便你查看全部的文档1.修改之处如下:android
hopefullman
·
2018-09-12 09:04
react使用
FontAwesome
字图标库
如图,项目要求实现的效果是这样的:然后我做出来的效果是这样的:很明显三角形图标不一致,因为antDesign的图标只有这个:在找字图标的途中看到
FontAwesome
有这种字图标,决定拿来用,于是照着文档来引用
CarinaYang
·
2018-08-14 11:43
ant
design
html
Material X 一个简约的卡片式 Hexo 博客主题
使用
fontawesome
5.6.3免费版图标。支持MobShare分享,自定义分享按钮的icon、图片。支持3种评论系统:Disqus、来必力和Valine评论。
xaoxuu
·
2018-08-14 00:00
hexo
ejs
less
前端
SimpleMDE - Vue-Markdown编辑器
vue项目使用Markdow编辑器详解源码tips:第一点:编辑器是带有顶部工具栏的,默认是在线获取
FontAwesome
但是在国内要么访问慢,要么访问不了,所以需要再配置中设置自动下载字体图标为falseautoDownloadFontAwesome
RtyXmd
·
2018-08-09 14:11
js实现密码框的点击眼睛的显示与隐藏
密码框的点击眼睛的显示与隐藏,图标引用是bootstrap中的
fontawesome
(复制整个font-awesome文件夹到您的项目中)还需要引入密码框vareye=document.getElementById
杏sunshine
·
2018-07-06 15:05
密码框
点击
眼睛
js
HTML5的使用及基本注意说明相关笔记(二)
◆这是css字图图标的一个库http://
fontawesome
.dashgam
jwllwj_2018
·
2018-07-02 13:53
JS
JQUERY
HTML5
CSS3
前端开发WebUI框架必备
ES6vue官方框架Vue移动端UI组件库Vue的高质量UI组件库Vue中文社区小程序社区demo集合AngularJS教程AngularJS社区Node.js新手入门JavaScript教程素材100素材
FontAwesome
梦想虽然
·
2018-06-29 23:03
flask-bootstrap的使用
bootstrap官网http://www.bootcss.com/font-awesome官网http://
fontawesome
.io/flask-bootstrap官网http://pythonhosted.org
pzl_pzl
·
2018-06-29 19:30
个人学习一点记录
flask拓展包
Xadmin自定义开发 笔记(一)
如何修改xadmin中模型的图标其实只需要在app中的adminx.py对应的模型的注册类下添加一句即可 model_icon='fafa-envelope'当然这里是因为xadmin使用的第三方
fontawesome
God_white
·
2018-06-14 15:32
python学习
django
Antd编程规范
/static/fonts/
fontawesome
-webfont.ttf'
Pjee
·
2018-06-14 00:00
编码规范
php开发常用插件整理
fontawesome
简介:
fontawesome
是一套绝佳的图标字体库和CSS框架网址:http://
fontawesome
.dashgame.com/layer简介:layer是一款近年来备受青睐的
Alan_seeker
·
2018-06-04 19:34
html
矢量图标库 iconfont字体图标的使用
我之前因为项目用bootstrap比较多,所以使用
fontawesome
字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!
温柔以待
·
2018-05-24 11:50
Web
css
SSH框架整合(实现分页查询)
关于项目框架:后端:spring+struts2+hibernate5.x前端:bootstrap+
Fontawesome
图标集环境
TyCoding
·
2018-04-27 13:29
SSH框架
分页查询222
如何以Angular的姿势打开Font-Awesome详解
环境Angular:v5.2.9Font-Awesome:v5.0.10angular-
fontawesome
:v0.1.0-9无须再用传统的WebFont方式以前习惯于Font-Awesome的传统方式
tjcccc
·
2018-04-22 14:45
轻松学会在项目中使用
fontawesome
字体图标
什么是字体图标我们的网站经常需要一些形象的小图标来丰富页面的交互与展现。我们当然可以使用图片,但过多的图片会增加HTTP请求的开销,从而对页面的性能造成严重的损耗。即使使用CSS精灵的技术把多张图片揉成一张,对每个图片背景的定位也要花费开发人员不少的精力。此外,图片还可能会存在失真的问题,当我们试图把它们放大时,它们很可能会变得模糊,从而不影响页面的整体风格与用户体验。不如使用字体图标来解决这个问
恩言-胡凯赫
·
2018-04-04 19:46
Web前端
在React中使用
FontAwesome
字体
FontAwesome
是一种图标字体。
AndyQsmart
·
2018-03-31 14:36
React
React Native react-native-vector-icons 使用小记
个教程ios版教程一,ios版教程二安卓版教程一,安卓版教程二备注:icon.button这个组件可以图标配合文字做按钮importIconfrom'react-native-vector-icons/
FontAwesome
aexwx
·
2018-03-30 09:03
ReactNative
fontawesome
助手
Fontawesome
是当今世界上最流行的字体图标库之一,它”多元”,”兼容”,”自由”,”高分屏完美呈现”的特性,简直让人欲罢不能!美中不足的是,海量的优质图标,给我们的记忆带来了很大的挑战。
恩言-胡凯赫
·
2018-03-23 15:41
Web前端
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他