• <tfoot id='IHKEq'></tfoot>

    1. <i id='IHKEq'><tr id='IHKEq'><dt id='IHKEq'><q id='IHKEq'><span id='IHKEq'><b id='IHKEq'><form id='IHKEq'><ins id='IHKEq'></ins><ul id='IHKEq'></ul><sub id='IHKEq'></sub></form><legend id='IHKEq'></legend><bdo id='IHKEq'><pre id='IHKEq'><center id='IHKEq'></center></pre></bdo></b><th id='IHKEq'></th></span></q></dt></tr></i><div id='IHKEq'><tfoot id='IHKEq'></tfoot><dl id='IHKEq'><fieldset id='IHKEq'></fieldset></dl></div>

      <small id='IHKEq'></small><noframes id='IHKEq'>

        <legend id='IHKEq'><style id='IHKEq'><dir id='IHKEq'><q id='IHKEq'></q></dir></style></legend>

          <bdo id='IHKEq'></bdo><ul id='IHKEq'></ul>

        layui tree树组件怎么自定义添加图标

        时间:2024-10-26

                <tbody id='ezVwU'></tbody>

              1. <i id='ezVwU'><tr id='ezVwU'><dt id='ezVwU'><q id='ezVwU'><span id='ezVwU'><b id='ezVwU'><form id='ezVwU'><ins id='ezVwU'></ins><ul id='ezVwU'></ul><sub id='ezVwU'></sub></form><legend id='ezVwU'></legend><bdo id='ezVwU'><pre id='ezVwU'><center id='ezVwU'></center></pre></bdo></b><th id='ezVwU'></th></span></q></dt></tr></i><div id='ezVwU'><tfoot id='ezVwU'></tfoot><dl id='ezVwU'><fieldset id='ezVwU'></fieldset></dl></div>

                <small id='ezVwU'></small><noframes id='ezVwU'>

                <tfoot id='ezVwU'></tfoot>
                  <bdo id='ezVwU'></bdo><ul id='ezVwU'></ul>
                  <legend id='ezVwU'><style id='ezVwU'><dir id='ezVwU'><q id='ezVwU'></q></dir></style></legend>
                  经常用到layui的朋友都知道,layui tree默认是不能自定义图标的,那么我们要自定义的话要怎么操作呢?
                  首先用编辑器软件(修改时候用编辑器记得编码),打开layui.js。搜索:
                  ​​​​​​​i class="layui-icon layui-icon-file"
                   改为如下代码:
                  i class="' + (i.icon || "layui-icon layui-icon-file") + '"

                  再然后,渲染树组件一定要开启手风琴模式accordion:true或者开启连线showLine:true。showLine如果为false会导致渲染不出来图标。

                  最后,修改自己的渲染数据,给json数据中配置icon选项,前面记得加layui-icon

                  [{
                                title: '湖区'
                                ,id: 10001
                  			  ,icon: 'layui-icon layui-icon-friends' 
                              },{
                                title: '高新区'
                                ,id: 10002
                              }]
                  也可以通过判断添加图标:
                   
                  if(res[item].types === "2") {
                       res[item].icon = "layui-icon layui-icon-friends"
                  } else {
                      // res[item].icon = "layui-icon layui-icon-cols"
                      res[item].icon = "layui-icon"
                  }
                  ​​​​​​​
                  上一篇:layui laydate日期时间范围,时间默认设定为23:59:59 下一篇:没有了

                  相关文章

                    <small id='mxdmS'></small><noframes id='mxdmS'>

                    <tfoot id='mxdmS'></tfoot>

                        <bdo id='mxdmS'></bdo><ul id='mxdmS'></ul>
                    1. <i id='mxdmS'><tr id='mxdmS'><dt id='mxdmS'><q id='mxdmS'><span id='mxdmS'><b id='mxdmS'><form id='mxdmS'><ins id='mxdmS'></ins><ul id='mxdmS'></ul><sub id='mxdmS'></sub></form><legend id='mxdmS'></legend><bdo id='mxdmS'><pre id='mxdmS'><center id='mxdmS'></center></pre></bdo></b><th id='mxdmS'></th></span></q></dt></tr></i><div id='mxdmS'><tfoot id='mxdmS'></tfoot><dl id='mxdmS'><fieldset id='mxdmS'></fieldset></dl></div>

                    2. <legend id='mxdmS'><style id='mxdmS'><dir id='mxdmS'><q id='mxdmS'></q></dir></style></legend>