精华内容
下载资源
问答
  • layui 自定义 模块 hello

    2021-01-01 17:12:24
    这里写自定义目录标题layui 自定义模块hello参考链接截图源码效果 layui 自定义模块hello 参考链接 layui封装模块小白教程 版本layui-v2.5.7 截图 源码 hello.js /** layui-v2.5.7 自定义模块 */ layui.define(['...

    layui 自定义模块hello

    参考链接

    layui封装模块小白教程
    版本layui-v2.5.7

    截图

    在这里插入图片描述

    源码

    hello.js

    /** layui-v2.5.7 自定义模块 */
    layui.define(['jquery','layer'],function(exports){
    	//使用内置模块
    	var $ = layui.jquery,layer = layui.layer;
    	//自定义模块的对象
    	var obj = {
    		log: function(text){
    			console.log(text||'hello layui log.');
    		},
    		alert: function(text){
    			layer.msg(text||'hello layui msg.')
    		},
    		html: function(text){
    			$('body').append($('<div></div>').html(text||'<h1>hello layui html</h1>'));
    		}
    	};
    	//输出组件接口
    	exports('hello',obj);
    })
    

    layui.customs.js

    /** layui-v2.5.7 自定义模块-引用 */
    layui.config({
    	base:'static/layui/customs/'
    }).extend({
    	hello:'hello'
    })
    

    test.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    		<meta name="renderer" content="webkit"/>
    		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    		<meta http-equiv="Pragma" content="no-cache"/>
    		<meta http-equiv="expires" content="0"/>
    		<meta http-equiv="Cache" content="no-cache"/>
    		<link rel="icon" href="favicon.ico"/>
    		<title>首页</title>
    		<style type="text/css">
    			
    		</style>
    	</head>
    	<body>
    	</body>
    	<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    	<script src="static/layui/layui.customs.js" type="text/javascript" charset="utf-8"></script>
    	<script type="text/javascript">
    		layui.use(['hello'],function(){
    			var hello = layui.hello;
    			hello.log();
    			hello.html();
    			hello.alert();
    		})
    	</script>
    </html>
    

    效果

    在这里插入图片描述

    展开全文
  • layui自定义打印功能

    千次阅读 2020-09-24 17:34:11
    <a style="float: right" onclick="print()" type="button" class="layui...i class="layui-icon layui-icon-print"></i> </a> <table id="table_info"> <tr> <td>1</t...
    html:
    
    <a style="float: right" οnclick="print()" type="button" class="layui-btn layui-btn-primary layui-btn-sm">
        <i class="layui-icon layui-icon-print"></i>
    </a>

    <table id="table_info">

    <tr>

        <td>1</td><td>2</td>

         <td>3</td><td>4</td>

    </tr>

    </table>

    js:

    function print() {
        var v = document.createElement("div");
        var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}", "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}", "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}",".picture{ }", "</style>", "</head>"].join("");
        $(v).append($("#table_info").html()+"</div>");
        var h = window.open("Print_window", "_blank");
        h.document.write(f + $(v).prop("outerHTML"));
        h.document.close();
        h.print();
        h.close();
    }
    展开全文
  • layui自定义打印

    2021-03-29 19:12:42
    layui官网下载新的layui的js文件,有些旧版本的不支持 在table数据赋值时,添加如下参数 toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板 二、 自定义打印内容的实现 三、 自定义打印table的实现...

    效果图如下
    在这里插入图片描述
    自定义内容导出
    在这里插入图片描述
    自定义表格导出

    目录
    一、 自带的打印功能的实现
    1. 下载新的layui的js文件
    2. 添加toolbar参数
    3. 最终打印图标显示
    4. 点击打印图标,实现打印效果
    5. 隐藏打印功能
    二、 自定义打印内容的实现
    1. html代码
    2. js代码
    三、 自定义打印table的实现
    1. html代码
    2. js代码

    一、 自带的打印功能的实现

    1. 在layui官网下载新的layui的js文件,有些旧版本的不支持
    2. 在table数据赋值时,添加如下参数
    toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板
    
    1. 最终会显示出如下图的打印图标
      在这里插入图片描述
    2. 点击打印图标,实现打印table的效果
    3. 如果不需要打印功能,可隐藏,实现代码如下
    $(".layui-table-tool-self .layui-inline").eq(2).hide();//不需要自带的打印功能
    

    二、 自定义打印内容的实现

    1. html代码
    <div class="layui-inline">
        <label class="layui-form-label">打印内容</label>
        <div class="layui-input-inline" style="width: 200px">
            <input type="text" name="txtPrint" id="txtPrint" placeholder="请输入打印内容" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-inline">
        <a id="print" class="layui-btn layui-btn-primary layui-btn-sm">
            <i class="layui-icon layui-icon-print"></i>
        </a>
    </div>
    
    1. js代码
    //自定义打印内容
    $("#print").click(function () {
        var v = document.createElement("div");
        $(v).append($("#txtPrint").val() + "</div>");
        var h = window.open("Print_window", "_blank");
        h.document.write($(v).prop("outerHTML"));
        h.document.close();
        h.print();
        h.close();
    })
    

    三、 自定义打印table的实现

    1. html代码
    <div class="layui-inline">
        <label class="layui-form-label">打印表格</label>
        <table id="table_info">
            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
        </table>
    </div>
    <div class="layui-inline">
        <a id="printTable" class="layui-btn layui-btn-primary layui-btn-sm">
            <i class="layui-icon layui-icon-print"></i>
        </a>
    </div>
    
    1. js代码
    //自定义打印table
    $("#printTable").click(function () {
        var v = document.createElement("div");
        var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}", "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}", "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}", ".picture{ }", "</style>", "</head>"].join("");
        $(v).append($("#table_info").html() + "</div>");
        var h = window.open("Print_window", "_blank");
        h.document.write(f + $(v).prop("outerHTML"));
        h.document.close();
        h.print();
        h.close();
    })
    
    展开全文
  • layui使用,LayUI select不显示,LayUI文件上传,Layui自定义校验规则 ================================ ©Copyright 蕃薯耀 2020-08-05 https://www.cnblogs.com/fanshuyao/ 一、引入js和css <link rel=...

    layui使用,LayUI select不显示,LayUI文件上传,Layui自定义校验规则

    ================================

    ©Copyright 蕃薯耀 2020-08-05

    https://www.cnblogs.com/fanshuyao/

    一、引入js和css

    <link rel="stylesheet" href="../../static/plugin/layui-v2.5.6/css/layui.css">
    
    <script type="text/javascript" src="../../static/plugin/layui-v2.5.6/layui.all.js"></script>
    

    二、使用

    1、表单

    <div>
            <form class="layui-form" autocomplete="off">
                
                
                <div class="layui-form-item projAuto">
                    <label class="layui-form-label">开发建设用地面积(s):</label>
                    <div class="layui-input-block">
                        
                        <button id="btnUploadSocialHousingRange" type="button" class="layui-btn layui-btn-sm btnUpload">
                            <i class="layui-icon">&#xe67c</i>
                            选择CAD文件
                        </button>
                        <input type="hidden" class="uploadFileValue" name="socialHousingRange"/>
                        <span class="uploadFileName layui-text"></span>
                        <span class="uploadSuccessText ml15 none oh">
                            <span class="layui-icon" style="color: #007166;">&#x1005</span>
                        </span>
                        <span class="progressText"></span>
                    </div>
                </div>
                
                <div class="layui-form-item projAuto">
                    <div class="layui-inline">
                        <label class="layui-form-label"></label>
                    </div>
                    
                    <div class="layui-inline">
                        <label class="layui-form-label-small layui-form-label">一类用地面积:</label>
                        <div class="layui-input-inline" style="width: 100px;">
                            <input type="text" name="develop_area_1" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                        
                        <label class="layui-form-label-small layui-form-label">二类用地面积:</label>
                        <div class="layui-input-inline"  style="width: 100px;">
                            <input type="text" name="develop_area_2" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                        
                        <label class="layui-form-label-small layui-form-label">三类用地面积:</label>
                        <div class="layui-input-inline"  style="width: 100px;">
                            <input type="text" name="develop_area_3" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                    </div>
                </div>
                
                <div class="layui-form-item projAuto">
                    <div class="layui-inline">
                        <label class="layui-form-label">开发建设用地内总居住用地面积(S居):</label>
                        <div class="layui-input-inline">
                            <input type="text" name="live_area" class="layui-input" lay-verify="numberEmpty"  />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                    </div>
                    
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">非农/城中村用地范围:</label>
                        <div class="layui-input-inline" style="width: 700px;">
                            <button id="btnUploadVillageRange" type="button" class="layui-btn layui-btn-sm btnUpload">
                                <i class="layui-icon">&#xe67c</i>
                                选择CAD文件
                            </button>
                            <input type="hidden" class="uploadFileValue" name="villageRange"/>
                            <span class="uploadFileName layui-text"></span>
                            <span class="uploadSuccessText ml15 none oh">
                                <span class="layui-icon" style="color: #007166;">&#x1005</span>
                            </span>
                            <span class="progressText"></span>
                        </div>
                    </div>
                    
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"></label>
                    </div>
                    
                    <div class="layui-inline">
                        <label class="layui-form-label-small layui-form-label">一类用地面积:</label>
                        <div class="layui-input-inline" style="width: 100px;">
                            <input type="text" name="village_area_1" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                        
                        <label class="layui-form-label-small layui-form-label">二类用地面积:</label>
                        <div class="layui-input-inline"  style="width: 100px;">
                            <input type="text" name="village_area_2" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                        
                        <label class="layui-form-label-small layui-form-label">三类用地面积:</label>
                        <div class="layui-input-inline"  style="width: 100px;">
                            <input type="text" name="village_area_3" class="layui-input" lay-verify="numberEmpty" />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">土地移交率<span class="red">*</span>:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="land_scale" class="layui-input" lay-verify="required|numberEmpty"  />
                    </div>
                    <div class="layui-form-mid layui-word-aux">%</div>
                </div>
                
                <div class="layui-form-item">
                    
                    <div class="layui-inline projAuto">
                        <label class="layui-form-label">轨道站点500米范围内居住用地面积(S轨):</label>
                        <div class="layui-input-inline">
                            <input type="text" name="track_area" class="layui-input" lay-verify="numberEmpty"  />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                    </div>
                    
                    <div class="layui-inline">
                        <label class="layui-form-label">旧工业区(仓储区)或城市基础设施及公共服务设施用地面积改造为住宅(S工):</label>
                        <div class="layui-input-inline">
                            <input type="text" name="old_industry_area" class="layui-input" lay-verify="numberEmpty"  />
                        </div>
                        <div class="layui-form-mid layui-word-aux">平方米</div>
                    </div>
                    
                </div>
                
                
                <div class="layui-form-item">
                    <div class="tac">
                        <button class="layui-btn layui-btn-normal" id="btnAnalysis"  lay-submit lay-filter="formAnalysis">智能分析</button>
                        <button class="layui-btn layui-btn-primary" type="button" onclick="resetForm()">重置</button>
                    </div>
                </div>
                
            </form>
        </div>
    

    2、文件上传(带上传进度)

    定义上传的按钮

    <div class="layui-form-item projAuto">
                    <label class="layui-form-label">开发建设用地面积(s):</label>
                    <div class="layui-input-block">
                        
                        <button id="btnUploadSocialHousingRange" type="button" class="layui-btn layui-btn-sm btnUpload">
                            <i class="layui-icon">&#xe67c</i>
                            选择CAD文件
                        </button>
                        <input type="hidden" class="uploadFileValue" name="socialHousingRange"/>
                        <span class="uploadFileName layui-text"></span>
                        <span class="uploadSuccessText ml15 none oh">
                            <span class="layui-icon" style="color: #007166;">&#x1005</span>
                        </span>
                        <span class="progressText"></span>
                    </div>
                </div>
    

    初始化上传的方法

    function initUploadSocialHousingRangeInstance(){
        var uploadSocialHousingRangeInstance = upload.render({
            elem : "#btnUploadSocialHousingRange",
            //auto : false,
            field : "file",
            accept : "file",
            //acceptMime : "image/*",
            exts : "dwg",
            data : {userID : 1},
            url : webApi.map.rest.cadAnalysisUrl,
            choose : function(obj){
                
                var thisItem = $(this.item);
                
                obj.preview(function(index, file, result){
                    //console.log("choose filename = " + JSON.stringify(file.name));
                    $(thisItem).siblings(".uploadFileName").html(file.name);
                });
                
                $(this.item).siblings(".progressText").html("");
                $(this.item).siblings(".uploadFileValue").val("");
                $(this.item).siblings(".uploadSuccessText").hide();
                
                $(":input[name='develop_area_1']").val("");
                $(":input[name='develop_area_2']").val("");
                $(":input[name='develop_area_3']").val("");
                
                layer.msg("文件上传中,请等待…", {
                    icon : 16,
                    shade : 0.05
                });
            },
            progress : function(n, elem){
                $(this.item).siblings(".progressText").html(n + "%");
            },
            done : function(res, index, upload){
                layer.closeAll();
                //console.log("res = " + JSON.stringify(res));
                if(res.DWGRESULT.COORD){
                    
                    $(this.item).siblings(".uploadFileValue").val(res.DWGRESULT.COORD);
                    $(this.item).siblings(".uploadSuccessText").show();
                    
                }else{
                    layer.msg("文件解析失败,请重试");
                }
                
            },
            error : function(index, upload){
                layer.closeAll();
                layer.msg("文件上传失败,请重试");
            }
        });
    };
    

    执行初始化方法

    $(function(){
        
        initUploadSocialHousingRangeInstance()
        
    });
    

    3、LayUI下拉框(LayUI Select)不显示

    <div>
            <form class="layui-form" autocomplete="off">
                
                <div class="layui-form-item">
                    <label class="layui-form-label">公配设施类型:</label>
                    <div class="layui-input-inline">
                        <select name="publicFacilitiesType" lay-verfify="required" lay-search lay-filter="publicFacilitiesTypeFilter">
                            <option value="幼儿园">幼儿园</option>
                            <option value="小学">小学</option>
                            <option value="中学">中学</option>
                        </select>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <div class="tac">
                        <button class="layui-btn layui-btn-normal" id="btnAnalysis"  lay-submit lay-filter="formAnalysis">智能分析</button>
                        <button class="layui-btn layui-btn-primary" type="button" onclick="resetForm()">重置</button>
                    </div>
                </div>
                
            </form>
        </div>
    

    注意:上面html代码虽然定义的select元素,但还是不能正常显示的,需要在加载完后使用form.render();重新渲染。

    $(function(){
        
        
        form.on("submit(formAnalysis)", function(data){
            
            initData(data);
            return false;
        });
        
        form.on("select(publicFacilitiesTypeFilter)", function(data){
            //option改变时的操作
            //publicFacilitiesTypeChange(data.value);
            //console.log("data.elem" + data.elem);
            //console.log("data.elem" + data.value);
            return false;
        });
        
        
        form.render();
        
    });
    

    重置:

    function resetForm(){
        layer.confirm("您确定要重置吗?", {
            btn : ["确定", "取消"]
        }, function(){
            window.location = window.location;
        }, function(){
            //layer.msg("取消");
        });
    };
    

    4、LayUI自定义校验规则:

    <div class="layui-form-item">
                    <label id="populationText" class="layui-form-label">服务人口数:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="population" class="layui-input" lay-verify="required|numberEmpty"/>
                    </div>
                    <div id="populationTextTip" class="layui-form-mid layui-word-aux">(万人)</div>
                </div>
    

    上面有一个自定义校验规则:numberEmpty

    var layer = layui.layer;
    var form = layui.form;
    
    $(function(){
        
        
        form.verify({
            numberEmpty : function(value, item){
                if(!isEmpty(value)){
                    if(!isNumber(value)){
                        return "只能填写数字";
                    }
                }
            }
        });
        
           //form.render();//不清楚还要不要这个
        
    });
    

    5、Layer提示封装

    var layer = layui.layer;
    
    L = {};
    
    L.msg = function(msg){
        return layer.msg(msg);
    };
    
    L.fail = function(msg){
        return layer.alert(msg, {icon: 5, shade: 0.5});
    };
    
    L.failMsg = function(msg){
        return layer.msg(msg, {icon: 5});
        
    };
    
    L.ok = function(msg){
        return layer.alert(msg, {icon: 6, shade: 0.5});
    };
    
    L.okMsg = function(msg){
        return layer.msg(msg, {icon: 6});
    };
    
    
    L.alert = function(msg){
        return layer.alert(msg);
    };
    
    
    L.load = function(msg){
        return layer.msg((msg || "数据处理中,请等待…"), {
            icon : 16,
            shade : 0.2,
            time: 0//不关闭
        });
    };
    
    L.confirm = function(msg){
        return layer.msg((msg || "数据处理中,请等待…"), {
            icon : 16,
            shade : 0.2,
            time: 0//不关闭
        });
    };
    
    /*
    使用:
    aaa = function(){
        alert("bbbcc");
    };
    
    L.confirm("你确定?", aaa);
     */
    L.confirm = function(msg, callbackFunction){
        return layer.confirm((msg || "您确定要操作吗?"), {
                btn: ["确定", "关闭"] //按钮
            
            }, function(index, layero){
                callbackFunction();
                layer.close(index);
                
            }, function(index, layero){
                layer.close(index);
            });
    };
    

    6、Layer处理Ajax请求(遮罩层)

    function getFunction(projNo){
        
        var index = L.load("正在处理,请等待…");
        
        $.ajax({
            url : "../xxxAction",  
            type : "post",  
            dataType : "json",  
            data : {
                projNo : projNo
            },
            complete : function(XMLHttpRequest, textStatus){  
                layer.close(index);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown){  
                layer.close(index);
                
                if("error" == textStatus){  
                    layer.msg("失败,请重试", {icon: 5});
                }else{  
                    layer.msg("请求失败,textStatus="+textStatus, {icon: 5});  
                }  
             }, 
             success : function(data){  
                 //console.log("data=" + JSON.stringify(data));
                 if(data && data.result){
                     //成功
                 }else{  
                     layer.msg(data.msg, {icon: 5});
                 }  
             }  
        });
    };
    

    7、layui-form-label 长度修改

    .layui-form-label{width: 250px;} 
    .layui-form-label-small{width: 90px;padding: 9px 5px;}
    

    (如果你觉得文章对你有帮助,欢迎捐赠,^_^,谢谢!) 

    ================================

    ©Copyright 蕃薯耀 2020-08-05

    https://www.cnblogs.com/fanshuyao/

    展开全文
  • 本章给大家分享的是Layui自定义字体图标。 图标扩展及使用方式 layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css ...
  • layui自定义js模块(实例)

    万次阅读 2017-09-30 11:22:37
    注意:layui自定义模块整个过程就两步,步骤虽少,但还是要多注意的细节问题,不然在定义模块上花费太多精力就不值得了。第一步:定义模块tablechecked.js layui.define(['layer'], function(exports) {
  • 项目中页面很多下拉框,都是...故使用layui自定义模块实现统一操作。 先看下效果: 项目情况 因为我项目使用的springboot+tymeleaf+layui,layui扩展用了layuimini. 直接上代码 项目结构如下: 1.新建dict...
  • Layui 自定义 **标签** 组件 checkbox只读效果如下图所示![可以设置只读](https://img-blog.csdnimg.cn/20200902183344555.jpg#pic_center)代码如图 效果如下图所示 代码如图 // html代码 <div class="layui-form...
  • Layui自定义模块的使用方式

    万次阅读 2018-01-21 15:04:02
    layui是一个极其不错的前端UI框架、是后端程序员的福音。...为什么要自定义模块呢?好处很多、比如可以大量重用代码...... 我也是一个极其懒惰的人、总是想办法让代码可重用 根据layui官方的文档说明、
  • layui的图标取自于阿里巴巴的矢量图标库 Iconfont,同样的,这篇教程也是基于Iconfont进行扩展。 第一步,通过浏览器打开 http://iconfont.cn/ ,访问阿里巴巴矢量图标库。 第二步,通过右上角的用户图标,...
  • 改为自定义的提示信息 过程: 1、更改config.js中的debug ps:将debug:true 改为debug:false // , debug: true //是否开启调试模式。如开启,接口异常时会抛出异常 URL 等信息 , debug: false //是否...
  • layUI分页列表,自定义插件
  • layui自定义tab主页简单操作

    千次阅读 2018-07-23 18:46:44
    一:layui资源,官网下载引入 二:直接上代码,我写的只为入门观看啊,大神就别批了,有些样式我直接改了,样式其实并不是什么大问题 .layui-layout-admin .layui-footer{height: 0px;} .layui-layout-admin ....
  • layui自定义ajax左侧三级菜单

    万次阅读 多人点赞 2017-03-20 10:49:45
    HTML代码: 需引入layui.css代码 控制面板 js代码:需引入 layui.all.jsvar $ = lay
  • 【教程】layui自定义导出功能

    千次阅读 2020-06-12 21:52:59
    如无需自定义,去除该参数即可 title: '导出所有信息(按专业筛选)' ,layEvent: 'exports1' ,icon: 'layui-icon-export' }, { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可 title: '导出所有...
  • <span class="iconfont layui-extend-xxx"> " iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。 第三种 Symbol 引用 这是一种全新的使用方式,应该说这才是未来的...
  • layui 弹框icon 样式

    2021-06-07 11:12:35
    layui 弹框icon 样式 默认皮肤可以传入0-6 不指定 icon icon: 0 icon: 1 icon: 2 icon: 3 icon: 4 icon: 5 icon: 6 加载层,可以传入0-2
  • Layui添加自定义图标显示问题 架构使用springboot+ssm+thymeleaf。 问题如下: 从后台获取时,只显示字符串的unicode编码,而不显示相应图标。样式引入都没有问题。 解决方式: 将 th:text 标签,替换为 th:utext ...
  • layui表头自定义

    千次阅读 2020-09-11 10:41:10
    " :rowspan="item.subjects.length"> <button class="layui-btn icon-btn layui-btn-normal layui-btn-xs" @click="edit(item)" >编辑button> <button class="layui-btn icon-btn layui-btn-danger layui-btn-xs" @...
  • layui使用自定义图标

    千次阅读 2019-04-30 11:07:18
    图标库:https://www.iconfont.cn/ 教程:https://fly.layui.com/jie/9149/
  • layui.all.js:2 Layui hint: The ID option was not found in the table instance错误解决,layui table自定义搜索重载找不到id, layui table自定义搜索 layui table实现自定义搜索按钮,自定义搜索条件,下面代码...
  • <input type="text" id="suppliername" disabled data-id="" class="layui-input searchVal pr-30" placeholder="选择供应商" /> ...
  • ,没有icon的属性,要想添加自定义图标,需要修改原生的trree.js源码, 修改内容 i class=“layui-icon layui-icon-file” 改为i class="’ + (r.icon || “layui-icon layui-icon-file”) + '" 后台传值的时候...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,752
精华内容 700
关键字:

layui自定义icon