基于 Layui 的图标选择器,支持查询、点击回调等功能,提供手动选择图标事件。注:图标来自于 Layui 2.4.1 https://wujiawei0926.gitee.io/iconpicker/demo.html
<input type="text" id="iconPicker" lay-filter="iconPicker" class="layui-input">
layui.use(['iconPicker'], function () {注意事项:
var iconPicker = layui.iconPicker;
iconPicker.render({
// 选择器,推荐使用input
elem: '#iconPicker',
// 数据类型:fontClass/unicode,推荐使用fontClass
type: 'fontClass',
// 是否开启搜索:true/false
search: true,
// 点击回调
click: function (data) {
console.log(data);
}
});
/**
* 选中图标 (常用于更新时默认选中图标)
* @param filter lay-filter
* @param iconName 图标名称,自动识别fontClass/unicode
*/
iconPicker.checkIcon('iconPicker', 'layui-icon-star-fill');
});