话不多说直接上代码
在页面中引入如下代码
第二步html页面如图
第三步如图代码
layui.use(['form', 'upload', 'jquery','table'], function() {
var form = layui.form,
upload = layui.upload,
iconPickerFa = layui.iconPickerFa,
$ = layui.jquery;
var table = layui.table;
var iconLess="/template/admin/font-awesome-4.7.0/less/variables.less"
iconPickerFa.render({
elem: '#icon',
url: iconLess,
limit: 12,
click: function (data) {
$('#icon').val('fa ' + data.icon);
},
success: function (d) {
console.log(d);
}
});
})
最终呈现如下图
layui iconPicker插件下载地址
精彩内容
发表评论