zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>iconFonts</title>
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="assets/module/admin.css?v=312"/>
</head>
<body>

<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-card">
            <div class="layui-form-item">
                <label class="layui-form-label">选择图标</label>
                <div class="layui-input-block">
                    <input type="text" name="icon" id="iconFonts" lay-filter="iconFonts" value="" class="layui-input">
                    <!--                    <input type="text" name="icon" id="iconFonts_" lay-filter="iconFonts_" value="" class="layui-input">-->
                    <i class="fa fa-address-book"></i>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="assets/js/common.js?v=312"></script>
<script>


    layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'IconFonts'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var table = layui.table;
        var util = layui.util;
        var admin = layui.admin;
        var IconFonts = layui.IconFonts;

        //图标选择器
        IconFonts.render({
            // 选择器，推荐使用input
            elem: '#iconFonts', //选择器ID
            // 数据类型：fontClass/layui_icon，
            // type: 'layui_icon',
            type: 'fontClass',
            // 是否开启搜索：true/false
            search: true,
            // 是否开启分页
            page: true,
            // 每页显示数量，默认12
            limit: 12,
            // 点击回调
            click: function (data) {
                console.log(data);
            }
        });
        /**
         * 默认选选中图标
         */
        IconFonts.checkIcon("iconFonts", "{$info.icon}", "layui_icon");

        // IconFonts.render({
        //     // 选择器，推荐使用input
        //     elem: '#iconFonts_', //选择器ID
        //     // 数据类型：fontClass/layui_icon，
        //     // type: 'layui_icon',
        //     type: 'fontClass',
        //     // 是否开启搜索：true/false
        //     search: true,
        //     // 是否开启分页
        //     page: true,
        //     // 每页显示数量，默认12
        //     limit: 12,
        //     // 点击回调
        //     click: function (data) {
        //         console.log(data);
        //     }
        // });
        // /**
        //  * 默认选选中图标
        //  */
        // IconFonts.checkIcon("iconFonts_", "{$info.icon}", "layui_icon");
    });
</script>
</body>

</html>