FontAwesome图标选择器

Posted ZGJ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了FontAwesome图标选择器相关的知识,希望对你有一定的参考价值。

技术分享

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

@{
	Layout = "~/Views/Shared/_Form.cshtml";
	var fontawesomelist = ViewData["fontAwesomeList"] as List<Mes.Domain._03_Entity.SystemManage.FontAwesomeEntity>;
}
 
<!DOCTYPE html>
<script type="text/javascript">
	function btn_edit(v1) {
		var v = $(v1).find("i").attr("class");
		var index = parent.layer.getFrameIndex(window.name);
		parent.$(‘#F_Icon‘).val(v);
		parent.layer.close(index);
	}
</script>
<html>
<body>
<div>
 @{
	foreach (var item in fontawesomelist)
	{
				
	<a class="btn" onclick="btn_edit(this)" style="width:30px"><i class="fa @item.F_FullName" ></i></a>
					 
	}
}
</div>
</body>
</html>

 

以上是关于FontAwesome图标选择器的主要内容,如果未能解决你的问题,请参考以下文章

php 从Beaver构建器中删除Fontawesome图标(从外部源加载它们)并使用Generate按本地版本。

如何在Axure中使用FontAwesome字体图标

jQuery ui 日期选择器位置

复制 FontAwesome 图标

LaTeX的fontawesome图标

fontawesome 图标怎么安装