XIcon图标选择器

<!-- ps: 如果仅用layui图标可不引 -->
<link rel="stylesheet" href="./xIcon/font-awesome/css/font-awesome.css" media="all">

<div class="layui-form-item">
	<label for="" class="layui-form-label">图标选择：</label>
	<div class="layui-input-block">
		<input type="text" id="demo1" lay-filter="" class="hide">
	</div>
</div>

<script>
	layui.use(['xIcon'], function() {
		var xIcon = layui.xIcon;
		xIcon.render({
			// 选择器，推荐使用input
			elem: '#demo1',
			// 数据类型：layui/awesome，推荐使用layui
			type: 'layui,awesome',
			// 是否开启搜索：true/false，默认true
			search: true,
			// 是否开启分页：true/false，默认true
			page: true,
			// 每页显示数量，默认12
			limit: 999,
                        // 支持js初始值设置，优先于input value
                        // initValue: 'layui-icon-snowflake',
			// 点击回调
			click: function(data) {
				console.log(data);
			},
			// 渲染成功后的回调
			success: function(d) {
				console.log(d);
			}
		});
	});
</script>