iconfont文件预览的两种方案

原创  郑建华   2021-05-05   335人阅读  1 条评论

    在项目中,我们经常使用iconfont字体图标来做图标显示。然而在有些情况下,我们很难了解清楚项目中使用了哪些icon图标,一共有哪些图标,分别都对应什么内容。如果项目使用的第三方组件的icon还能有地方查看,而没有提供查看界面的就很难办了。

    最近,我需要在项目中做一个icon图标选择的功能,就是将当前项目中已有的icon全部显示出来,并且需要对应设定的值。大概效果如下:

image.png

    当前能够获取的到信息,只有font.css的文件,以及对应的字体文件

image.png


需要实现这样的功能,有两种方案。

一、在线解析字体文件

优点:解析字体文件中的全部字体图标

缺点:如果要生成html文件,需要自己手动更改内容

这种方案是前端大佬 momo707577045 提供的  《iconfont 在线预览工具及其解析》 感谢大佬的开源工具!这里我也是将其收录到我的工具箱中了  点击前往

image.png

解析本地文件:

image.png

接下来,就可以F12拷贝代码,然后进行处理就行了。


二、通过本地node环境,根据css文件中的样式生成预览图标

优点:生成的html灵活度更高,生成之后可直接使用

缺点:图标不全,仅包含css文件中定义了的图标

这种方案,我是参考《利用iconfont.css生成html代码,显示iconfont里面的所有的图标》进行更改的

生成效果图如下,其中的颜色是随机生成的,实际使用中不需要颜色,注释对应代码即可

image.png

一共三个文件:

js文件和css文件是自己编写的,examples.html是通过命令 node iconfont.js生成的

image.png

iconfont.js文件

var fs = require('fs')
var file = fs.readFileSync('larryFont.css').toString();
var os = require('os')
 
var icons = file.split('\n');
var getColor = function () {
    return '#' + Math.random().toString(16).substr(-6);
}
var html = '<!DOCTYPE html>' +
    '<html>' +
    '<head>' +
    '    <meta charset="UTF-8">' +
    '    <title>iconfont示例</title>' +
    '<link rel="stylesheet" href="larryFont.css">' +
    '<style>.iconfont{font-size: 44px;height: 44px;width: 44px;margin: 4px;}.p-icon-item{margin:6px;padding:10px 6px;display:inline-block;text-align:center;border-radius:4px;cursor:pointer;border:1px solid #dddddd;overflow:hidden;white-space:pre-line;box-sizing:border-box;transition-duration:.4s;transition-property:background,box-shadow;width:10%;float:left;white-space:nowrap}.p-icon-item-background-1{background-color:#FCFCFC}.p-icon-item:hover{background:#7BD784;border-color:transparent;box-shadow:0 5px 18px 0 rgba(0,0,0,0.3)}.p-icon-item:active{color:white;background:#7BD710}.p-icon-item-active{color:white;background:#7BD710}.p-icon-item .iconfont{margin:0 20px;padding:6px;border-radius:4px;font-size:28px;width:auto;}.p-icon-item .name{font-size:12px;font-weight:bold}.p-icon-item .iconfont i{font-size:30px!important;}</style>' +
    '</head>' +
    '<body><section style="margin: 10px 0px">';
for (var i = 0; i < icons.length; i++) {
    var icon = icons[i];
    if (icon.includes('larry') && !icon.includes("larry-icon")) {
        var className = icon.split('.')[1].split(':')[0];
html += '<div class="p-icon-item p-icon-item-background-1">'
        html += '<p>'
html += '<i class="larry-icon '+ className +'"></i>'
html += '</p>'
        html +='<p>'
        html +=className
        html +='</p>'
html +='</div>'
        if (i % 32 === 1) {
            html += '<br />'
        }
    }
}
 html += '</section>'
 html += '<script>\n' +
    '    var getColor = function () {\n' +
    '        return \'#\' + Math.random().toString(16).substr(-6);\n' +
    '    }\n' +
    '    var icons = document.getElementsByTagName(\'i\')\n' +
    '    for (var i = 0; i < icons.length; i++) {\n' +
    '        var icon = icons[i];\n' +
    '        icon.style.color = getColor()\n' +
    '    }\n' +
    '</script></body>' +
    '</html>'
fs.writeFileSync('examples.html', html)

larryFont.css

@font-face {font-family: "larry-icon";
  src: url('http://at.alicdn.com/t/font_bmgv5kod196q1tt9.eot?t=1495980873687'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_bmgv5kod196q1tt9.eot?t=1495980873687#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_bmgv5kod196q1tt9.woff?t=1495980873687') format('woff'), /* chrome, firefox */
  url('http://at.alicdn.com/t/font_bmgv5kod196q1tt9.ttf?t=1495980873687') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_bmgv5kod196q1tt9.svg?t=1495980873687#larry-icon') format('svg'); /* iOS 4.1- */
}

.larry-icon {
  font-family:"larry-icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.larry-meng:before { content: "\e684"; }

.larry-shuaxin2:before { content: "\e6fa"; }

.larry-tuichu:before { content: "\e600"; }

.larry-qingchuhuancun3:before { content: "\e664"; }

.larry-xiazai2:before { content: "\e68d"; }

.larry-shibaifujianshangchuan:before { content: "\e68e"; }

.larry-rizhi:before { content: "\e601"; }

.larry-guanbi:before { content: "\e706"; }

.larry-exit:before { content: "\e62c"; }

.larry-xiazai:before { content: "\e651"; }

.larry-zhuye:before { content: "\e68f"; }

.larry-tianjia:before { content: "\e690"; }

.larry-cuowu:before { content: "\e667"; }

.larry-hetongguanli:before { content: "\e635"; }

.larry-wendang:before { content: "\e691"; }

.larry-liebiao:before { content: "\e602"; }

.larry-duanxin:before { content: "\e668"; }

.larry-shuaxin3:before { content: "\e6fc"; }

.larry-liuyan:before { content: "\e6cc"; }

.larry-tuichu1:before { content: "\e603"; }

.larry-iconfontxiazai:before { content: "\e692"; }

.larry-shanchu:before { content: "\e693"; }

.larry-tags:before { content: "\e694"; }

.larry-xitongrizhi:before { content: "\e681"; }

.larry-xiugai:before { content: "\e695"; }

.larry-shanchu1:before { content: "\e698"; }

.larry-jiekouguanli:before { content: "\e6eb"; }

.larry-huishouzhan1:before { content: "\e69b"; }

.larry-unie614:before { content: "\e63a"; }

.larry-circularxiangxi:before { content: "\e6af"; }

.larry-shuaxin4:before { content: "\e6fe"; }

.larry-xitongshezhi:before { content: "\e60f"; }

.larry-logoshuiyin:before { content: "\e669"; }

.larry-guanbi1:before { content: "\e707"; }

.larry-iconzfb:before { content: "\e6f7"; }

.larry-xiazai1:before { content: "\e686"; }

.larry-iconshanchu:before { content: "\e69c"; }

.larry-zhandianneirong:before { content: "\e7ac"; }

.larry-iconfontfilesfill:before { content: "\e69d"; }

.larry-nav:before { content: "\e69f"; }

.larry-close:before { content: "\e708"; }

.larry-11:before { content: "\e66b"; }

.larry-zidingyicaidan:before { content: "\e6a0"; }

.larry-iconfontcolor16:before { content: "\e682"; }

.larry-guanwangicon31319:before { content: "\e65f"; }

.larry-rizhi1:before { content: "\e6ab"; }

.larry-zidian:before { content: "\e66c"; }

.larry-duanxin1:before { content: "\e674"; }

.larry-shenhe:before { content: "\e6f1"; }

.larry-gerenxinxi3:before { content: "\e680"; }

.larry-gerenxinxi4:before { content: "\e655"; }

.larry-zhifubao:before { content: "\e6f8"; }

.larry-dianzan:before { content: "\ebd1"; }

.larry-diannao3:before { content: "\e696"; }

.larry-icon040:before { content: "\e645"; }

.larry-dengjipingdingguanli:before { content: "\e65e"; }

.larry-wangzhanneirong:before { content: "\e638"; }

.larry-gongzuoneirong:before { content: "\e65a"; }

.larry-xinzeng01:before { content: "\e60b"; }

.larry-gerenxinxi5:before { content: "\e656"; }

.larry-icwindowzoom48px:before { content: "\e621"; }

.larry-gengxin:before { content: "\e633"; }

.larry-iconfontbiaodandingyi:before { content: "\e6a1"; }

.larry-zengjia:before { content: "\e6a2"; }

.larry-chongfuzhaopian:before { content: "\e6a3"; }

.larry-xitonghuancun:before { content: "\e67b"; }

.larry-shanchu2:before { content: "\e6a5"; }

.larry-shuaxin:before { content: "\e663"; }

.larry-databasesql:before { content: "\e67c"; }

.larry-zengjia1:before { content: "\e748"; }

.larry-youqinglianjie:before { content: "\e617"; }

.larry-jiankong:before { content: "\e7b2"; }

.larry-wenjianguanli:before { content: "\e69e"; }

.larry-mulu:before { content: "\e612"; }

.larry-iconfontpinglun:before { content: "\e626"; }

.larry-xiugaimima:before { content: "\e665"; }

.larry-tags1:before { content: "\ea1b"; }

.larry-iconzidingyibiaodan:before { content: "\e6a6"; }

.larry-configuration-theme:before { content: "\e66e"; }

.larry-pingjiaguanli:before { content: "\e66d"; }

.larry-xitongshezhi1:before { content: "\e7e0"; }

.larry-iconfonthuishouzhan:before { content: "\e6a9"; }

.larry-dianzan1:before { content: "\e64c"; }

.larry-xiugaimima2:before { content: "\e657"; }

.larry-navicon15:before { content: "\e6ac"; }

.larry-shuaxin1:before { content: "\e634"; }

.larry-daohanglanmu:before { content: "\e622"; }

.larry-guanggaolianmeng:before { content: "\e6ad"; }

.larry-3:before { content: "\e61b"; }

.larry-shenheguanli:before { content: "\e613"; }

.larry-xitongshezhi2:before { content: "\e8bd"; }

.larry-linshi:before { content: "\e811"; }

.larry-daimaguanli:before { content: "\e897"; }

.larry-tequanneirong:before { content: "\e627"; }

.larry-tupianguanli:before { content: "\e611"; }

.larry-zhandianguanli:before { content: "\e618"; }

.larry-iconfontkucunchaxun01:before { content: "\e6ae"; }

.larry-lanmu:before { content: "\e6b0"; }

.larry-dengji:before { content: "\e688"; }

.larry-neirong:before { content: "\e619"; }

.larry-moxing:before { content: "\e6b1"; }

.larry-anonymous-iconfont:before { content: "\e6b2"; }

.larry-pingjiaguanli1:before { content: "\e67e"; }

.larry-yonghuliebiao:before { content: "\e66a"; }

.larry-iconguanggaoguanli:before { content: "\e88e"; }

.larry-diannao:before { content: "\e61e"; }

.larry-a157:before { content: "\e662"; }

.larry-fabu:before { content: "\e6f2"; }

.larry-tihuan:before { content: "\e6f9"; }

.larry-jueseguanli:before { content: "\e70e"; }

.larry-xiufu:before { content: "\e675"; }

.larry-iconfonttubiaodiaozheng316:before { content: "\e62a"; }

.larry-kechengguanli:before { content: "\e61a"; }

.larry-jiaoseguanli3:before { content: "\e67f"; }

.larry-gonggaoguanli:before { content: "\e6ef"; }

.larry-quanxianguanli:before { content: "\e671"; }

.larry-ztgl:before { content: "\e8c5"; }

.larry-hrrq_xtrz:before { content: "\e676"; }

.larry-weixingongzhongpingtai:before { content: "\e60d"; }

.larry-07:before { content: "\e704"; }

.larry-zhutiqiehuanicon:before { content: "\e6ca"; }

.larry-huiyuanhuodong:before { content: "\e609"; }

.larry-bukezhongfu:before { content: "\e6b3"; }

.larry-fabu1:before { content: "\e71f"; }

.larry-fabuwenzhang:before { content: "\e6b4"; }

.larry-richengguanli:before { content: "\e67a"; }

.larry-xinzengwenan:before { content: "\e831"; }

.larry-1:before { content: "\e61f"; }

.larry-zuzhiguanli:before { content: "\e639"; }

.larry-yijian:before { content: "\e6c9"; }

.larry-ht_expand:before { content: "\e605"; }

.larry-neirongfabu:before { content: "\e620"; }

.larry-zidingyiguanggaolan:before { content: "\e6b5"; }

.larry-quanxianguanli1:before { content: "\e63b"; }

.larry-wangzhanditu:before { content: "\e6b6"; }

.larry-huodongguanli:before { content: "\e672"; }

.larry-gengxin1:before { content: "\e6a4"; }

.larry-xiangmuguanli:before { content: "\e63c"; }

.larry-shangchuanfujian:before { content: "\e6b7"; }

.larry-dianzan2:before { content: "\e64d"; }

.larry-liandong:before { content: "\e6b8"; }

.larry-moxing1:before { content: "\e6b9"; }

.larry-icon-guize:before { content: "\e6ba"; }

.larry-jiaoseguanli:before { content: "\ea62"; }

.larry-moxingguanli:before { content: "\e6bb"; }

.larry-zhongfu:before { content: "\e6bc"; }

.larry-api:before { content: "\e738"; }

.larry-lanmucaozuohuifu:before { content: "\e628"; }

.larry-lanmucaozuoquxiao:before { content: "\e62b"; }

.larry-lanmucaozuoshangyi:before { content: "\e62d"; }

.larry-lanmucaozuoxiayi:before { content: "\e631"; }

.larry-wangzhanshouye:before { content: "\e69a"; }

.larry-xiugaimima3:before { content: "\e7f3"; }

.larry-13wenjianguanli:before { content: "\e6bd"; }

.larry-youlianguanliicon:before { content: "\e7aa"; }

.larry-icon56-copy:before { content: "\e6be"; }

.larry-diannao1:before { content: "\e64a"; }

.larry-huiyuanguanli:before { content: "\e6bf"; }

.larry-huiyuanguanli1:before { content: "\e660"; }

.larry-xiugai1:before { content: "\e6c0"; }

.larry-chaxun1:before { content: "\e6f3"; }

.larry-huishouzhan2:before { content: "\e6c1"; }

.larry-tubiaozitimoban:before { content: "\e64f"; }

.larry-tianjiawenzhang:before { content: "\e6c2"; }

.larry-gereninfo:before { content: "\e6ff"; }

.larry-232:before { content: "\e649"; }

.larry-danye:before { content: "\e6c3"; }

.larry-zhuce-copy:before { content: "\e61c"; }

.larry-changyongyu:before { content: "\e703"; }

.larry-lanmuguanli1:before { content: "\e6c4"; }

.larry-theme:before { content: "\e87f"; }

.larry-gongdanguanli:before { content: "\e6c5"; }

.larry-shujuku:before { content: "\e62e"; }

.larry-piliang:before { content: "\e6ea"; }

.larry-zhifu:before { content: "\e6ed"; }

.larry-shuiyin:before { content: "\e677"; }

.larry-sql:before { content: "\e678"; }

.larry-qingchuhuancun4:before { content: "\e6ec"; }

.larry-diannao2:before { content: "\e646"; }

.larry-duanxin-copy:before { content: "\e683"; }

.larry-guize:before { content: "\e6c6"; }

.larry-chaxun:before { content: "\e6d8"; }

.larry-daoru:before { content: "\e6d9"; }

.larry-xinjian:before { content: "\e6dc"; }

.larry-shujukuguanli:before { content: "\e625"; }

.larry-computer:before { content: "\e670"; }

.larry-shujuku1:before { content: "\e615"; }

.larry-fengxianbaozhang:before { content: "\e661"; }

.larry-30wangzhanguanli:before { content: "\e6c7"; }

.larry-extend:before { content: "\e60e"; }

.larry-jiankong1:before { content: "\e6c8"; }

.larry-daishenhe:before { content: "\e70f"; }

.larry-iconliandongfenzu:before { content: "\e6cb"; }

.larry-lanmuguanli:before { content: "\e62f"; }

.larry-houtaishouye:before { content: "\e697"; }

.larry-rizhi2:before { content: "\e658"; }

.larry-daishenhe1:before { content: "\e6cd"; }

.larry-yonghuliebiao1:before { content: "\e616"; }

.larry-jiaoseguanli1:before { content: "\e699"; }

.larry-10103:before { content: "\e673"; }

.larry-zhongduanguanli:before { content: "\e652"; }

.larry-xiugaimima1:before { content: "\e63e"; }

.larry-jiekouapi1:before { content: "\e6f4"; }

.larry-eee:before { content: "\e6ce"; }

.larry-iconfilewordo:before { content: "\e679"; }

.larry-renwuguanli:before { content: "\e666"; }

.larry-2273:before { content: "\e70c"; }

.larry-weixinguanli:before { content: "\e6ee"; }

.larry-sql1:before { content: "\e687"; }

.larry-shouye-shouye:before { content: "\e653"; }

.larry-quanping:before { content: "\e604"; }

.larry-fujian:before { content: "\e6cf"; }

.larry-file-word-o:before { content: "\e67d"; }

.larry-weibiaoti6-copy:before { content: "\e6fd"; }

.larry-gerenxinxi:before { content: "\e61d"; }

.larry-neirongguanli:before { content: "\e63d"; }

.larry-huishouzhan:before { content: "\e629"; }

.larry-gerenxinxi1:before { content: "\e614"; }

.larry-quanping1:before { content: "\e606"; }

.larry-xitongshezhi3:before { content: "\e623"; }

.larry-daishenhe2:before { content: "\e6d0"; }

.larry-huancun:before { content: "\e630"; }

.larry-1122-v2-17:before { content: "\e636"; }

.larry-API:before { content: "\e6f5"; }

.larry-fabu2:before { content: "\e6aa"; }

.larry-payment:before { content: "\e6f0"; }

.larry-huiyuanguanli2:before { content: "\e607"; }

.larry-xiangmumoxing:before { content: "\e6d1"; }

.larry-yanzheng:before { content: "\e685"; }

.larry-guanjianci:before { content: "\e6d2"; }

.larry-youqinglianjie1:before { content: "\e637"; }

.larry-zidian1:before { content: "\e689"; }

.larry-documentdanye:before { content: "\e6d3"; }

.larry-xitongrizhi1:before { content: "\e68a"; }

.larry-kuaijie:before { content: "\e650"; }

.larry-guanli:before { content: "\e63f"; }

.larry-gerenxinxi2:before { content: "\e608"; }

.larry-qingchuhuancun:before { content: "\e659"; }

.larry-dms:before { content: "\e610"; }

.larry-guanli1:before { content: "\e640"; }

.larry-fujianguanli:before { content: "\e6d4"; }

.larry-onekey:before { content: "\e75a"; }

.larry-wangzhanditu1:before { content: "\e6d7"; }

.larry-neirongfenxi:before { content: "\e641"; }

.larry-theme1:before { content: "\e66f"; }

.larry-moxing2:before { content: "\e6d5"; }

.larry-diannao4:before { content: "\e6a7"; }

.larry-jiaoseguanli2:before { content: "\e60a"; }

.larry-lanmu1:before { content: "\e6d6"; }

.larry-zidingyicaidan1:before { content: "\e6db"; }

.larry-api1:before { content: "\e6f6"; }

.larry-caozuo:before { content: "\e705"; }

.larry-guanggao:before { content: "\e6da"; }

.larry-fufeineirong:before { content: "\e642"; }

.larry-dashboard:before { content: "\e648"; }

.larry-riji-neirong:before { content: "\e65c"; }

.larry-shenhe1:before { content: "\e832"; }

.larry-caidanguanli:before { content: "\e7c0"; }

.larry-qingchuhuancun1:before { content: "\e65b"; }

.larry-x_suoping:before { content: "\e647"; }

.larry-linshi1:before { content: "\e6dd"; }

.larry-kuangjia_daohang_shuaxin:before { content: "\e700"; }

.larry-xinzengdan:before { content: "\e624"; }

.larry-caidanguanli1:before { content: "\e632"; }

.larry-kehuliebiao:before { content: "\e60c"; }

.larry-wenjianguanli1:before { content: "\e6de"; }

.larry-shoucangneirong:before { content: "\e643"; }

.larry-guanbidangqianye:before { content: "\e710"; }

.larry-guanbiqita:before { content: "\e711"; }

.larry-neirongliebiao:before { content: "\e6a8"; }

.larry-shujucaiji:before { content: "\e6df"; }

.larry-suoyou:before { content: "\e6e0"; }

.larry-qingchuhuancun2:before { content: "\e65d"; }

.larry-gongdanguanli1:before { content: "\e6e1"; }

.larry-sql2:before { content: "\e6e5"; }

.larry-diannao5:before { content: "\e64b"; }

.larry-right:before { content: "\e6fb"; }

.larry-rizhi3:before { content: "\e7d9"; }

.larry-zhaiyao:before { content: "\e911"; }

.larry-gengduozhuti:before { content: "\e64e"; }

.larry-huishouzhan3:before { content: "\e6e2"; }

.larry-changyong:before { content: "\e701"; }

.larry-guanbiquanbufenzu:before { content: "\e702"; }

.larry-shenheneirong:before { content: "\e644"; }

.larry-caiji:before { content: "\e6e3"; }

.larry-shujucanshu:before { content: "\e68b"; }

.larry-tihuan1:before { content: "\e6e4"; }

.larry-wangzhanguanli:before { content: "\e6e6"; }

.larry-liuyan1:before { content: "\e8c9"; }

.larry-mulu-copy:before { content: "\ea63"; }

.larry-wenjianguanli2:before { content: "\e6e7"; }

.larry-yanzheng1:before { content: "\e68c"; }

.larry-fujianguanli1:before { content: "\e6e8"; }

.larry-shouye-shouye1:before { content: "\e654"; }

.larry-jiedianguanli:before { content: "\e6e9"; }


examples.html

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>iconfont示例</title><link rel="stylesheet" href="larryFont.css"><style>.iconfont{font-size: 44px;height: 44px;width: 44px;margin: 4px;}.p-icon-item{margin:6px;padding:10px 6px;display:inline-block;text-align:center;border-radius:4px;cursor:pointer;border:1px solid #dddddd;overflow:hidden;white-space:pre-line;box-sizing:border-box;transition-duration:.4s;transition-property:background,box-shadow;width:10%;float:left;white-space:nowrap}.p-icon-item-background-1{background-color:#FCFCFC}.p-icon-item:hover{background:#7BD784;border-color:transparent;box-shadow:0 5px 18px 0 rgba(0,0,0,0.3)}.p-icon-item:active{color:white;background:#7BD710}.p-icon-item-active{color:white;background:#7BD710}.p-icon-item .iconfont{margin:0 20px;padding:6px;border-radius:4px;font-size:28px;width:auto;}.p-icon-item .name{font-size:12px;font-weight:bold}.p-icon-item .iconfont i{font-size:30px!important;}</style></head><body><section style="margin: 10px 0px"><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-meng"></i></p><p>larry-meng</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuaxin2"></i></p><p>larry-shuaxin2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tuichu"></i></p><p>larry-tuichu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-qingchuhuancun3"></i></p><p>larry-qingchuhuancun3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiazai2"></i></p><p>larry-xiazai2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shibaifujianshangchuan"></i></p><p>larry-shibaifujianshangchuan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-rizhi"></i></p><p>larry-rizhi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanbi"></i></p><p>larry-guanbi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-exit"></i></p><p>larry-exit</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiazai"></i></p><p>larry-xiazai</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhuye"></i></p><p>larry-zhuye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tianjia"></i></p><p>larry-tianjia</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-cuowu"></i></p><p>larry-cuowu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-hetongguanli"></i></p><p>larry-hetongguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wendang"></i></p><p>larry-wendang</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-liebiao"></i></p><p>larry-liebiao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-duanxin"></i></p><p>larry-duanxin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuaxin3"></i></p><p>larry-shuaxin3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-liuyan"></i></p><p>larry-liuyan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tuichu1"></i></p><p>larry-tuichu1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shanchu"></i></p><p>larry-shanchu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tags"></i></p><p>larry-tags</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongrizhi"></i></p><p>larry-xitongrizhi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugai"></i></p><p>larry-xiugai</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shanchu1"></i></p><p>larry-shanchu1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiekouguanli"></i></p><p>larry-jiekouguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huishouzhan1"></i></p><p>larry-huishouzhan1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-unie614"></i></p><p>larry-unie614</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-circularxiangxi"></i></p><p>larry-circularxiangxi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuaxin4"></i></p><p>larry-shuaxin4</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongshezhi"></i></p><p>larry-xitongshezhi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-logoshuiyin"></i></p><p>larry-logoshuiyin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanbi1"></i></p><p>larry-guanbi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiazai1"></i></p><p>larry-xiazai1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhandianneirong"></i></p><p>larry-zhandianneirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-nav"></i></p><p>larry-nav</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-close"></i></p><p>larry-close</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-11"></i></p><p>larry-11</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zidingyicaidan"></i></p><p>larry-zidingyicaidan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanwangicon31319"></i></p><p>larry-guanwangicon31319</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-rizhi1"></i></p><p>larry-rizhi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zidian"></i></p><p>larry-zidian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-duanxin1"></i></p><p>larry-duanxin1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shenhe"></i></p><p>larry-shenhe</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi3"></i></p><p>larry-gerenxinxi3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi4"></i></p><p>larry-gerenxinxi4</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhifubao"></i></p><p>larry-zhifubao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dianzan"></i></p><p>larry-dianzan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao3"></i></p><p>larry-diannao3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dengjipingdingguanli"></i></p><p>larry-dengjipingdingguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wangzhanneirong"></i></p><p>larry-wangzhanneirong</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gongzuoneirong"></i></p><p>larry-gongzuoneirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xinzeng01"></i></p><p>larry-xinzeng01</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi5"></i></p><p>larry-gerenxinxi5</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-icwindowzoom48px"></i></p><p>larry-icwindowzoom48px</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gengxin"></i></p><p>larry-gengxin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zengjia"></i></p><p>larry-zengjia</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-chongfuzhaopian"></i></p><p>larry-chongfuzhaopian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitonghuancun"></i></p><p>larry-xitonghuancun</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shanchu2"></i></p><p>larry-shanchu2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuaxin"></i></p><p>larry-shuaxin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-databasesql"></i></p><p>larry-databasesql</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zengjia1"></i></p><p>larry-zengjia1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-youqinglianjie"></i></p><p>larry-youqinglianjie</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiankong"></i></p><p>larry-jiankong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wenjianguanli"></i></p><p>larry-wenjianguanli</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-mulu"></i></p><p>larry-mulu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugaimima"></i></p><p>larry-xiugaimima</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tags1"></i></p><p>larry-tags1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-configuration-theme"></i></p><p>larry-configuration-theme</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-pingjiaguanli"></i></p><p>larry-pingjiaguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongshezhi1"></i></p><p>larry-xitongshezhi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dianzan1"></i></p><p>larry-dianzan1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugaimima2"></i></p><p>larry-xiugaimima2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-navicon15"></i></p><p>larry-navicon15</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuaxin1"></i></p><p>larry-shuaxin1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daohanglanmu"></i></p><p>larry-daohanglanmu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanggaolianmeng"></i></p><p>larry-guanggaolianmeng</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-3"></i></p><p>larry-3</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shenheguanli"></i></p><p>larry-shenheguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongshezhi2"></i></p><p>larry-xitongshezhi2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-linshi"></i></p><p>larry-linshi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daimaguanli"></i></p><p>larry-daimaguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tequanneirong"></i></p><p>larry-tequanneirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tupianguanli"></i></p><p>larry-tupianguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhandianguanli"></i></p><p>larry-zhandianguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmu"></i></p><p>larry-lanmu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dengji"></i></p><p>larry-dengji</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-neirong"></i></p><p>larry-neirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-moxing"></i></p><p>larry-moxing</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-anonymous-iconfont"></i></p><p>larry-anonymous-iconfont</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-pingjiaguanli1"></i></p><p>larry-pingjiaguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-yonghuliebiao"></i></p><p>larry-yonghuliebiao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao"></i></p><p>larry-diannao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-a157"></i></p><p>larry-a157</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fabu"></i></p><p>larry-fabu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tihuan"></i></p><p>larry-tihuan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jueseguanli"></i></p><p>larry-jueseguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiufu"></i></p><p>larry-xiufu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-kechengguanli"></i></p><p>larry-kechengguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiaoseguanli3"></i></p><p>larry-jiaoseguanli3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gonggaoguanli"></i></p><p>larry-gonggaoguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-quanxianguanli"></i></p><p>larry-quanxianguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-ztgl"></i></p><p>larry-ztgl</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-hrrq_xtrz"></i></p><p>larry-hrrq_xtrz</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-weixingongzhongpingtai"></i></p><p>larry-weixingongzhongpingtai</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-07"></i></p><p>larry-07</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhutiqiehuanicon"></i></p><p>larry-zhutiqiehuanicon</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huiyuanhuodong"></i></p><p>larry-huiyuanhuodong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-bukezhongfu"></i></p><p>larry-bukezhongfu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fabu1"></i></p><p>larry-fabu1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fabuwenzhang"></i></p><p>larry-fabuwenzhang</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-richengguanli"></i></p><p>larry-richengguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xinzengwenan"></i></p><p>larry-xinzengwenan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-1"></i></p><p>larry-1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zuzhiguanli"></i></p><p>larry-zuzhiguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-yijian"></i></p><p>larry-yijian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-ht_expand"></i></p><p>larry-ht_expand</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-neirongfabu"></i></p><p>larry-neirongfabu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zidingyiguanggaolan"></i></p><p>larry-zidingyiguanggaolan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-quanxianguanli1"></i></p><p>larry-quanxianguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wangzhanditu"></i></p><p>larry-wangzhanditu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huodongguanli"></i></p><p>larry-huodongguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gengxin1"></i></p><p>larry-gengxin1</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiangmuguanli"></i></p><p>larry-xiangmuguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shangchuanfujian"></i></p><p>larry-shangchuanfujian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dianzan2"></i></p><p>larry-dianzan2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-liandong"></i></p><p>larry-liandong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-moxing1"></i></p><p>larry-moxing1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiaoseguanli"></i></p><p>larry-jiaoseguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-moxingguanli"></i></p><p>larry-moxingguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhongfu"></i></p><p>larry-zhongfu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-api"></i></p><p>larry-api</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmucaozuohuifu"></i></p><p>larry-lanmucaozuohuifu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmucaozuoquxiao"></i></p><p>larry-lanmucaozuoquxiao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmucaozuoshangyi"></i></p><p>larry-lanmucaozuoshangyi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmucaozuoxiayi"></i></p><p>larry-lanmucaozuoxiayi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wangzhanshouye"></i></p><p>larry-wangzhanshouye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugaimima3"></i></p><p>larry-xiugaimima3</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-13wenjianguanli"></i></p><p>larry-13wenjianguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-youlianguanliicon"></i></p><p>larry-youlianguanliicon</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao1"></i></p><p>larry-diannao1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huiyuanguanli"></i></p><p>larry-huiyuanguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huiyuanguanli1"></i></p><p>larry-huiyuanguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugai1"></i></p><p>larry-xiugai1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-chaxun1"></i></p><p>larry-chaxun1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huishouzhan2"></i></p><p>larry-huishouzhan2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tubiaozitimoban"></i></p><p>larry-tubiaozitimoban</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tianjiawenzhang"></i></p><p>larry-tianjiawenzhang</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gereninfo"></i></p><p>larry-gereninfo</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-232"></i></p><p>larry-232</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-danye"></i></p><p>larry-danye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhuce-copy"></i></p><p>larry-zhuce-copy</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-changyongyu"></i></p><p>larry-changyongyu</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmuguanli1"></i></p><p>larry-lanmuguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-theme"></i></p><p>larry-theme</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gongdanguanli"></i></p><p>larry-gongdanguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shujuku"></i></p><p>larry-shujuku</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-piliang"></i></p><p>larry-piliang</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhifu"></i></p><p>larry-zhifu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shuiyin"></i></p><p>larry-shuiyin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-sql"></i></p><p>larry-sql</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-qingchuhuancun4"></i></p><p>larry-qingchuhuancun4</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao2"></i></p><p>larry-diannao2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-duanxin-copy"></i></p><p>larry-duanxin-copy</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guize"></i></p><p>larry-guize</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-chaxun"></i></p><p>larry-chaxun</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daoru"></i></p><p>larry-daoru</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xinjian"></i></p><p>larry-xinjian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shujukuguanli"></i></p><p>larry-shujukuguanli</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-computer"></i></p><p>larry-computer</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shujuku1"></i></p><p>larry-shujuku1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fengxianbaozhang"></i></p><p>larry-fengxianbaozhang</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-30wangzhanguanli"></i></p><p>larry-30wangzhanguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-extend"></i></p><p>larry-extend</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiankong1"></i></p><p>larry-jiankong1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daishenhe"></i></p><p>larry-daishenhe</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmuguanli"></i></p><p>larry-lanmuguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-houtaishouye"></i></p><p>larry-houtaishouye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-rizhi2"></i></p><p>larry-rizhi2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daishenhe1"></i></p><p>larry-daishenhe1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-yonghuliebiao1"></i></p><p>larry-yonghuliebiao1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiaoseguanli1"></i></p><p>larry-jiaoseguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-10103"></i></p><p>larry-10103</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhongduanguanli"></i></p><p>larry-zhongduanguanli</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiugaimima1"></i></p><p>larry-xiugaimima1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiekouapi1"></i></p><p>larry-jiekouapi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-eee"></i></p><p>larry-eee</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-renwuguanli"></i></p><p>larry-renwuguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-2273"></i></p><p>larry-2273</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-weixinguanli"></i></p><p>larry-weixinguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-sql1"></i></p><p>larry-sql1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shouye-shouye"></i></p><p>larry-shouye-shouye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-quanping"></i></p><p>larry-quanping</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fujian"></i></p><p>larry-fujian</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-file-word-o"></i></p><p>larry-file-word-o</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-weibiaoti6-copy"></i></p><p>larry-weibiaoti6-copy</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi"></i></p><p>larry-gerenxinxi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-neirongguanli"></i></p><p>larry-neirongguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huishouzhan"></i></p><p>larry-huishouzhan</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi1"></i></p><p>larry-gerenxinxi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-quanping1"></i></p><p>larry-quanping1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongshezhi3"></i></p><p>larry-xitongshezhi3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-daishenhe2"></i></p><p>larry-daishenhe2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huancun"></i></p><p>larry-huancun</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-1122-v2-17"></i></p><p>larry-1122-v2-17</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-API"></i></p><p>larry-API</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fabu2"></i></p><p>larry-fabu2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-payment"></i></p><p>larry-payment</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huiyuanguanli2"></i></p><p>larry-huiyuanguanli2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xiangmumoxing"></i></p><p>larry-xiangmumoxing</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-yanzheng"></i></p><p>larry-yanzheng</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanjianci"></i></p><p>larry-guanjianci</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-youqinglianjie1"></i></p><p>larry-youqinglianjie1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zidian1"></i></p><p>larry-zidian1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-documentdanye"></i></p><p>larry-documentdanye</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xitongrizhi1"></i></p><p>larry-xitongrizhi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-kuaijie"></i></p><p>larry-kuaijie</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanli"></i></p><p>larry-guanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gerenxinxi2"></i></p><p>larry-gerenxinxi2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-qingchuhuancun"></i></p><p>larry-qingchuhuancun</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dms"></i></p><p>larry-dms</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanli1"></i></p><p>larry-guanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fujianguanli"></i></p><p>larry-fujianguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-onekey"></i></p><p>larry-onekey</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wangzhanditu1"></i></p><p>larry-wangzhanditu1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-neirongfenxi"></i></p><p>larry-neirongfenxi</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-theme1"></i></p><p>larry-theme1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-moxing2"></i></p><p>larry-moxing2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao4"></i></p><p>larry-diannao4</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiaoseguanli2"></i></p><p>larry-jiaoseguanli2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-lanmu1"></i></p><p>larry-lanmu1</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zidingyicaidan1"></i></p><p>larry-zidingyicaidan1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-api1"></i></p><p>larry-api1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-caozuo"></i></p><p>larry-caozuo</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanggao"></i></p><p>larry-guanggao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fufeineirong"></i></p><p>larry-fufeineirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-dashboard"></i></p><p>larry-dashboard</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-riji-neirong"></i></p><p>larry-riji-neirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shenhe1"></i></p><p>larry-shenhe1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-caidanguanli"></i></p><p>larry-caidanguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-qingchuhuancun1"></i></p><p>larry-qingchuhuancun1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-x_suoping"></i></p><p>larry-x_suoping</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-linshi1"></i></p><p>larry-linshi1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-kuangjia_daohang_shuaxin"></i></p><p>larry-kuangjia_daohang_shuaxin</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-xinzengdan"></i></p><p>larry-xinzengdan</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-caidanguanli1"></i></p><p>larry-caidanguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-kehuliebiao"></i></p><p>larry-kehuliebiao</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wenjianguanli1"></i></p><p>larry-wenjianguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shoucangneirong"></i></p><p>larry-shoucangneirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanbidangqianye"></i></p><p>larry-guanbidangqianye</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanbiqita"></i></p><p>larry-guanbiqita</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-neirongliebiao"></i></p><p>larry-neirongliebiao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shujucaiji"></i></p><p>larry-shujucaiji</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-suoyou"></i></p><p>larry-suoyou</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-qingchuhuancun2"></i></p><p>larry-qingchuhuancun2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gongdanguanli1"></i></p><p>larry-gongdanguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-sql2"></i></p><p>larry-sql2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-diannao5"></i></p><p>larry-diannao5</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-right"></i></p><p>larry-right</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-rizhi3"></i></p><p>larry-rizhi3</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-zhaiyao"></i></p><p>larry-zhaiyao</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-gengduozhuti"></i></p><p>larry-gengduozhuti</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-huishouzhan3"></i></p><p>larry-huishouzhan3</p></div><br /><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-changyong"></i></p><p>larry-changyong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-guanbiquanbufenzu"></i></p><p>larry-guanbiquanbufenzu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shenheneirong"></i></p><p>larry-shenheneirong</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-caiji"></i></p><p>larry-caiji</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shujucanshu"></i></p><p>larry-shujucanshu</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-tihuan1"></i></p><p>larry-tihuan1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wangzhanguanli"></i></p><p>larry-wangzhanguanli</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-liuyan1"></i></p><p>larry-liuyan1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-mulu-copy"></i></p><p>larry-mulu-copy</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-wenjianguanli2"></i></p><p>larry-wenjianguanli2</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-yanzheng1"></i></p><p>larry-yanzheng1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-fujianguanli1"></i></p><p>larry-fujianguanli1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-shouye-shouye1"></i></p><p>larry-shouye-shouye1</p></div><div class="p-icon-item p-icon-item-background-1"><p><i class="larry-icon larry-jiedianguanli"></i></p><p>larry-jiedianguanli</p></div></section><script>
    var getColor = function () {
        return '#' + Math.random().toString(16).substr(-6);
    }
    var icons = document.getElementsByTagName('i')
    for (var i = 0; i < icons.length; i++) {
        var icon = icons[i];
        icon.style.color = getColor()
    }
</script></body></html>


在js文件的第六行 file.split('\n') 其中的'\n'需要根据css文件中换行符来替换,可以通过notepadd++打开,显示全部符号,确认换行符是\r\n(回车换行)还是\n(换行)

image.png

image.png

    这里可以看到两个图存在差异,一个是CR LF 一个是LF 正好与\r\n 和 \n对应,而在原来那位博主的代码中使用的var icons = file.split(os.EOL); 其中os.EOL在windows下是指\r\n。所以,我根据实际的换行符进行了替换。

两种方案都介绍完了,可以根据需要选用,亦或者两者结合。

本文地址:https://www.zjh336.cn/?id=2036
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

 评论列表

  1. a4g
    a4g 【高级】  @回复

    免费试用单号网 免费试用单号 快递单号 各大快递代发www.88danhw.com