fa-list-alt

最新推荐文章于 2022-02-12 10:12:40 发布
最新推荐文章于 2022-02-12 10:12:40 发布
阅读量585 收藏 1
点赞数 1
原文链接：http://www.cnblogs.com/peteremperor/p/11163702.html
版权
本文介绍如何使用<i>标签插入FontAwesome图标，并提供了图标查看链接。原文来自：https://www.cnblogs.com/peteremperor/p/11163702.html。
摘要由CSDN通过智能技术生成

你可以用 <i> 标签把 Font Awesome 图标放在任意位置。

<i class="fa fa-list-alt" aria-hidden="true"></i>

查看每个图标：http://www.wapadd.cn/icons/awesome/index.htm

 

 

转载于:https://www.cnblogs.com/peteremperor/p/11163702.html

                

        

        




    

  


    

      

        

            

              
                
                  dengjiao6406
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
FontAwesome 图标  class="fa fa-home"

				
			

			

				

					weixin_30455661的博客
				

				

					03-09
					
					3036
					
				

			

		

		

			
				
本文转自：http://www.yeahzan.com/fa/facss.html

引用方式： class="fa fa-home" 注意：每个图标的引用都必须要添加 fa fa-x 两个class

4.1新加入的71种图标

 fa-automobile (别称)
 fa-bank (别称)
 fa-behance
 fa-behance-square
 fa-bomb...

			
		

	



                

            
              



	

		

			

				
					
FontAwesome图标选择器

				
			

			

				

					weixin_30872499的博客
				

				

					10-15
					
					961
					
				

			

		

		

			
				
虽然比较简单，但很实用，在C# MVC下开发，请首先将图标名称保存到数据库中，图标窗口如下。

@{
	Layout = "~/Views/Shared/_Form.cshtml";
	var fontawesomelist = ViewData["fontAwesomeList"] as List<Mes.Domain._03_Entity.SystemManage....

			
		

	



              


  
              

                


	

		

			

				
					
python list常用操作汇总

				
			

			

				

					fa1c4的blog
				

				

					03-28
					
					186
					
				

			

		

		

			
				
生成全0数组
n = 100
temp = [0 for _ in range(n)]

判断是否为空
temp = []
if temp: print('empty')
if not temp: print('not empty')

模拟栈
temp = []
temp.append(num) # 压入栈
temp.pop() # 弹出栈
temp[-1] # 取最后一个元素

模拟队列
temp = []
temp.append(num) # 加入队列
temp.pop(0) # 出队列
temp[0

			
		

	





	

		

			

				
					
php  列表 带按钮,「组件」列表按钮

				
			

			

				

					weixin_30857403的博客
				

				

					03-29
					
					234
					
				

			

		

		

			
				
~~~return TBuilder('table',$this)->setColumns([ // 批量设置数据列['id', 'ID'],['title.text', '名称'],//以普通文本编辑['edit.edit_data|id+title,del', '操作', ['type'=>'btn']]])// 添加相关操作按钮->addListButton(['type'...

			
		

	



		

			
		



	

		

			

				
					
直接在 CSS 中引用 FONTAWESOME 图标（附码表）

					
热门推荐

				
			

			

				

					fuzhenglai的博客
				

				

					02-15
					
					2万+
					
				

			

		

		

			
				
因此我们如果不想用 Fontawesome 提供的类，只想在 css 里面引用图标的话，可以这样子，请自行脑补：
.icon:before {
    content: '\f006';
    font-family: FontAwesome;
}


同时附上图标类对应的字符编码表：




NAME

CODE

NAME

CODE





.fa

			
		

	





	

		

			

				
					
Font Awesome 使用

				
			

			

				

					billhepeng的专栏
				

				

					11-19
					
					482
					
				

			

		

		

			
				
引入Font Awesome css


<link rel="stylesheet" href="/web/static/lib/fontawesome/css/font-awesome.css">

然后，就可以在网页中插入你想要的图标了。

找到图标的名称

http://fontawesome.dashgame.com/



在fontawesome文件夹里找到font-aw...

			
		

	





	

		

			

				
					
fastadmin后台列表添加自定义操作按钮

				
			

			

				

					logic_lai的博客
				

				

					06-08
					
					2607
					
				

			

		

		

			
				
js：
var Controller = {
    index: function () {
        // 初始化表格参数配置
        Table.api.init({
            extend: {
                index_url: 'enterprise_position/index' + location.search,
                add_url: '',
                edit_url: '',
    ...

			
		

	





	

		

			

				
					
ExtJS6.2开发-首页左菜单区域(三)

				
			

			

				

					砌墙民工的博客
				

				

					12-07
					
					345
					
				

			

		

		

			
				
菜单区域开发
一、创建做左菜单组件
1.在在app目录下创建main\core\index\component下创建indexLeftMenu.js
2.编写基础代码如下:
Ext.define('appCenter.main.core.index.component.indexLeftMenu', {
	extend : 'Ext.panel.Panel',
	
	alias : 'widget...

			
		

	





	

		

			

				
					
odoo二次开发中可以使用的全部图标

				
			

			

				

					jettpj的博客
				

				

					07-15
					
					683
					
				

			

		

		

			
				
下图是odoo二次开发中可以使用的全部图标




这些图标是在文件 addons | website | static | src | js | website.editor.js 中定义的

程序代码原文如下

// List of FontAwesome icons in 4.0.3, extracted from the cheatsheet.

// Each icon provide...

			
		

	





	

		

			

				
					
<div class="navbar">       <input type="checkbox" id="checkbox" />       <label for="checkbox">         <!-- <i class="fa fa-outdent"></i> -->       </label>       <ul>         <li>           <img :src="headImg" alt="" />           <span>欢迎您，XXX老师</span>         </li>           <li>             <router-link to="/index" class="menu-item">               <i class="fa fa-home"></i>               <span>首页</span>             </router-link>           </li>         <li>           <router-link to="/ShowPerformance" class="menu-item">             <i class="fa fa-sitemap"></i>             <span>性能展示</span>           </router-link>         </li>         <li>           <router-link to="/ShowPerformance" class="menu-item">             <i class="fa fa-user"></i>             <span>人员管理</span>           </router-link>         </li>         <li>           <router-link to="/ShowPerformance" class="menu-item">             <i class="fa fa-shopping-cart"></i>             <span>参数管理</span>           </router-link>         </li>       </ul>     </div>const onload = ()=>{   //菜单被点击事件   const menuItems = document.querySelectorAll('.menu-item');   for (let i = 0; i < menuItems.length; i++) {     menuItems[i].addEventListener('click', function() {       // 移除所有选项的selected类       for (let j = 0; j < menuItems.length; j++) {         menuItems[j].classList.remove('selected');       }       // 添加当前选项的selected类       this.classList.add('selected');     });   } }点击菜单没有变色

					
最新发布

				
			

			

				

					06-01
				

			

		

		

			
				
 <i class="fa fa-home">  首页 </router-link> ```  这里使用了Vue.js的动态绑定class的语法，根据当前路由的路径判断是否为选中状态，如果是则添加`selected`类名，CSS中设置选中状态的样式，如下所示：  ``` ....

			
		

	





	

		

			

				
					
fastAdmin表格与其他快捷方法使用

				
			

			

				

					qq_27080351的博客
				

				

					02-12
					
					1704
					
				

			

		

		

			
				
【代码】fastAdmin表格与其他快捷方法使用。键值组件(Fieldlist)，table表格

			
		

	





	

		

			

				
					
Font Awesome-一款吊炸天的字体图标插件中文全介绍

				
			

			

				

					GarfieldEr007的专栏
				

				

					09-03
					
					1万+
					
				

			

		

		

			
				
这款插件是一个不需要图片只需要引入一个字体文件就能制作非常多精美的图标插件，而且这些图标都是矢量的，可以无限放大，而且可以随意的改变颜色，碉堡了！！！
注意，要看一下内容必须用ie9以上或者是chrome或者是火狐浏览器浏览，ie8一下古董没效果（虽然说是支持ie7的，但是需要引入很多东西，懒得测试= =）
点击下载（版本4.0.3）
使用方法：
解压之后又四个文件夹：

1.把css

			
		

	





	

		

			

				
					
移动端(html5)富文本编辑器,vue移动端中使用vue-html5-editor富文本编辑器详解

				
			

			

				

					weixin_35810162的博客
				

				

					06-10
					
					8867
					
				

			

		

		

			
				
富文本编辑器的应用常见于PC端的后台文章管理，但如果我们需求需要在手机端上使用富文本，我们要如何使用呢？vue-html5-editor富文本编辑器的出现，使手机端上对于富文本的操作更加便捷！本文简要介绍如何基础使用vue-html5-editor编辑器！最终效果如图：1、安装vue-html5-editornpm install vue-html5-editor --save-dev2、安装富文...

			
		

	





	

		

			

				
					
工作笔记四——vueJS在移动端使用富文本编辑器

				
			

			

				

					weixin_30649641的博客
				

				

					01-25
					
					879
					
				

			

		

		

			
				
本文主要介绍vue移动端使用富文本编辑器的使用及常见问题处理。参考组件vue-html5-editor。

本例主要基于vue-cli脚手架创建。更多vue相关应用请参考：https://github.com/JerryYuanJ/a-vue-app-template

1.项目创建与初始化


创建一个vue-cli项目，建议在安装的时候不要使用ESLINT做代...

			
		

	





	

		

			

				
					
bootstrap 跳转页面后，防止navbar收回。

				
			

			

				

					qq_38963393的博客
				

				

					04-08
					
					321
					
				

			

		

		

			
				
<li class="nav-parent nav-active active"><a href=""><i class="fa fa-list-ul"></i> <span>设备管理</span></a>
          <ul class="children" style="display: bloc...

			
		

	





	

		

			

				
					
图标CSS分类参考

				
			

			

				

					青栀的博客
				

				

					02-22
					
					2344
					
				

			

		

		

			
				
引用方式： class="fa fa-home" 
注意：每个图标的引用都必须要添加 fa fa-x 两个class

新加入的71种图标

fa-automobile (别称)                       

fa-bank (别称)

fa-behance

fa-behance-square

fa-bomb

fa-building

fa-cab (别称)

fa-car...

			
		

	





	

		

			

				
					
字体图标 fa fa html5,Font Awesome 4.2.0的所有图标参考

				
			

			

				

					weixin_39950010的博客
				

				

					06-04
					
					4467
					
				

			

		

		

			
				
fa-adjust [] fa-adn [] fa-align-center [] fa-align-justify [] fa-align-left [] fa-align-right [] fa-ambulance [] fa-anchor [] fa-android [] fa-angellist [] fa-angle-double-down [...

			
		

	





	

		

			

				
					
Font Awesome Icon 只有I标签的

				
			

			

				

					王金铎的博客
				

				

					12-12
					
					2049
					
				

			

		

		

			
				
Font Awesome
<i class="fa fa-bicycle" aria-hidden="true"></i>
<i class="fa fa-binoculars" aria-hidden="true"></i>
<i class="fa fa-birthday-cake" aria-hidden="true"></i>
<i class="fa fa-blind" aria-hidden="true"></i>
<i class="fa fa-bluetooth" aria-hidden="

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值