开发环境
Icon 提供图标选择功能

显示代码

								
							
默认图标

显示代码

								layui.use(['icon'], function() {
								    var icon = layui.icon;
								
								    icon.render({
								        elem: '#iconPicker'
								        ,style: 'color: #5FB878;'
								        ,placeholder: ''
								        ,isSplit: true
								        ,page: false
								        ,search: false
								        ,click: function(obj){
								        console.log(obj)
								    }
								    ,ready: function(){
								        console.log(1)
								    }});
								});
							
开启搜索

显示代码

								layui.use(['icon'], function() {
								    var icon = layui.icon;
								
								    icon.render({
								        elem: '#iconPicker2'
								        ,style: 'color: #5FB878;'
								        ,placeholder: ''
								        ,isSplit: true
								        ,page: false
								        ,search: true
								        ,click: function(obj){
								        console.log(obj)
								    }
								    ,ready: function(){
								        console.log(1)
								    }});
									
								});
							
关闭分页

显示代码

								layui.use(['iconPicker'], function() {
								    var iconPicker = layui.iconPicker;
																
								    icon.render({
								        elem: '#iconPicker3'
								        ,style: 'color: #5FB878;'
								        ,placeholder: ''
								        ,isSplit: true
								        ,page: false
								        ,search: false
								        ,click: function(obj){
								        console.log(obj)
								    }
								    ,ready: function(){
								        console.log(1)
								    }});
									
								});