From 8ca3c7fe1f0476a3e2ea10cf4a7fe7c448e5581d Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 03 十二月 2020 15:57:25 +0800 Subject: [PATCH] 数据栈目录树作响应式高度 --- public/fonts/alibaba/demo_index.html | 600 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 599 insertions(+), 1 deletions(-) diff --git a/public/fonts/alibaba/demo_index.html b/public/fonts/alibaba/demo_index.html index 5445e08..49d3b02 100644 --- a/public/fonts/alibaba/demo_index.html +++ b/public/fonts/alibaba/demo_index.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"/> <title>IconFont Demo</title> - <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> + <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> @@ -29,6 +29,162 @@ <div class="tab-container"> <div class="content unicode" style="display: block;"> <ul class="icon_lists dib-box"> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鍖哄煙</div> + <div class="code-name">&#xe6cd;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">瀵煎叆</div> + <div class="code-name">&#xe6cc;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">澶╂皵</div> + <div class="code-name">&#xe6ca;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鍦ㄥ矖</div> + <div class="code-name">&#xe6b8;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">浜哄憳鏁伴噺棰勮</div> + <div class="code-name">&#xe6b9;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">浜哄憳鏁伴噺鍖洪棿棰勮</div> + <div class="code-name">&#xe6ba;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鎵撴灦</div> + <div class="code-name">&#xe6bb;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">婊炵暀</div> + <div class="code-name">&#xe6bc;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鑱氫紬</div> + <div class="code-name">&#xe6bf;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">绂诲矖</div> + <div class="code-name">&#xe6c0;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">缂哄矖</div> + <div class="code-name">&#xe6c1;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">瓒婄晫</div> + <div class="code-name">&#xe6c4;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">shuigang</div> + <div class="code-name">&#xe6c6;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">瀹夊叏璀︽垝</div> + <div class="code-name">&#xe6c7;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">璺熻釜</div> + <div class="code-name">&#xe6c9;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鍒� 闄�</div> + <div class="code-name">&#xe6cb;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">浜戜笅杞�</div> + <div class="code-name">&#xe6b7;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">璇曞惉</div> + <div class="code-name">&#xe6fd;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">璺屽�掕瘎鍒�</div> + <div class="code-name">&#xe6b1;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">濂旇窇</div> + <div class="code-name">&#xe6b2;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鍦熻眴涓庡附瀛�</div> + <div class="code-name">&#xe6b3;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">浜烘暟鍙g僵</div> + <div class="code-name">&#xe6be;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">杞﹁締妫�娴�</div> + <div class="code-name">&#xe6b4;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">鎶界儫</div> + <div class="code-name">&#xe6b6;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">缇や綋寰樺緤閫楃暀</div> + <div class="code-name">&#xe819;</div> + </li> + + <li class="dib"> + <span class="icon iconfont"></span> + <div class="name">涓嬭浇</div> + <div class="code-name">&#xe6b0;</div> + </li> <li class="dib"> <span class="icon iconfont"></span> @@ -1333,6 +1489,240 @@ </div> <div class="content font-class"> <ul class="icon_lists dib-box"> + + <li class="dib"> + <span class="icon iconfont iconquyu"></span> + <div class="name"> + 鍖哄煙 + </div> + <div class="code-name">.iconquyu + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icondaoru"></span> + <div class="name"> + 瀵煎叆 + </div> + <div class="code-name">.icondaoru + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icontianqi"></span> + <div class="name"> + 澶╂皵 + </div> + <div class="code-name">.icontianqi + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconzaigang"></span> + <div class="name"> + 鍦ㄥ矖 + </div> + <div class="code-name">.iconzaigang + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconjiancerenyuanshuliang"></span> + <div class="name"> + 浜哄憳鏁伴噺棰勮 + </div> + <div class="code-name">.iconjiancerenyuanshuliang + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconjiancerenyuanshuliang1"></span> + <div class="name"> + 浜哄憳鏁伴噺鍖洪棿棰勮 + </div> + <div class="code-name">.iconjiancerenyuanshuliang1 + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icondajia"></span> + <div class="name"> + 鎵撴灦 + </div> + <div class="code-name">.icondajia + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconzhiliu"></span> + <div class="name"> + 婊炵暀 + </div> + <div class="code-name">.iconzhiliu + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconjuzhong"></span> + <div class="name"> + 鑱氫紬 + </div> + <div class="code-name">.iconjuzhong + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconligang"></span> + <div class="name"> + 绂诲矖 + </div> + <div class="code-name">.iconligang + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconquegang"></span> + <div class="name"> + 缂哄矖 + </div> + <div class="code-name">.iconquegang + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconyuejie"></span> + <div class="name"> + 瓒婄晫 + </div> + <div class="code-name">.iconyuejie + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconshuigang"></span> + <div class="name"> + shuigang + </div> + <div class="code-name">.iconshuigang + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconanquanjingjie"></span> + <div class="name"> + 瀹夊叏璀︽垝 + </div> + <div class="code-name">.iconanquanjingjie + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icongenzong"></span> + <div class="name"> + 璺熻釜 + </div> + <div class="code-name">.icongenzong + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconshanchu7"></span> + <div class="name"> + 鍒� 闄� + </div> + <div class="code-name">.iconshanchu7 + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconyunxiazai"></span> + <div class="name"> + 浜戜笅杞� + </div> + <div class="code-name">.iconyunxiazai + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconshiting"></span> + <div class="name"> + 璇曞惉 + </div> + <div class="code-name">.iconshiting + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icondiedaopingfen"></span> + <div class="name"> + 璺屽�掕瘎鍒� + </div> + <div class="code-name">.icondiedaopingfen + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconbenpao"></span> + <div class="name"> + 濂旇窇 + </div> + <div class="code-name">.iconbenpao + </div> + </li> + + <li class="dib"> + <span class="icon iconfont icontudouyumaozi"></span> + <div class="name"> + 鍦熻眴涓庡附瀛� + </div> + <div class="code-name">.icontudouyumaozi + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconrenshukouzhao"></span> + <div class="name"> + 浜烘暟鍙g僵 + </div> + <div class="code-name">.iconrenshukouzhao + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconcheliangjiance"></span> + <div class="name"> + 杞﹁締妫�娴� + </div> + <div class="code-name">.iconcheliangjiance + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconchouyan-copy"></span> + <div class="name"> + 鎶界儫 + </div> + <div class="code-name">.iconchouyan-copy + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconquntipaihuaidouliu-copy"></span> + <div class="name"> + 缇や綋寰樺緤閫楃暀 + </div> + <div class="code-name">.iconquntipaihuaidouliu-copy + </div> + </li> + + <li class="dib"> + <span class="icon iconfont iconxiazai1"></span> + <div class="name"> + 涓嬭浇 + </div> + <div class="code-name">.iconxiazai1 + </div> + </li> <li class="dib"> <span class="icon iconfont iconicon-test3"></span> @@ -3246,6 +3636,214 @@ <li class="dib"> <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconquyu"></use> + </svg> + <div class="name">鍖哄煙</div> + <div class="code-name">#iconquyu</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icondaoru"></use> + </svg> + <div class="name">瀵煎叆</div> + <div class="code-name">#icondaoru</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icontianqi"></use> + </svg> + <div class="name">澶╂皵</div> + <div class="code-name">#icontianqi</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconzaigang"></use> + </svg> + <div class="name">鍦ㄥ矖</div> + <div class="code-name">#iconzaigang</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconjiancerenyuanshuliang"></use> + </svg> + <div class="name">浜哄憳鏁伴噺棰勮</div> + <div class="code-name">#iconjiancerenyuanshuliang</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconjiancerenyuanshuliang1"></use> + </svg> + <div class="name">浜哄憳鏁伴噺鍖洪棿棰勮</div> + <div class="code-name">#iconjiancerenyuanshuliang1</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icondajia"></use> + </svg> + <div class="name">鎵撴灦</div> + <div class="code-name">#icondajia</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconzhiliu"></use> + </svg> + <div class="name">婊炵暀</div> + <div class="code-name">#iconzhiliu</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconjuzhong"></use> + </svg> + <div class="name">鑱氫紬</div> + <div class="code-name">#iconjuzhong</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconligang"></use> + </svg> + <div class="name">绂诲矖</div> + <div class="code-name">#iconligang</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconquegang"></use> + </svg> + <div class="name">缂哄矖</div> + <div class="code-name">#iconquegang</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconyuejie"></use> + </svg> + <div class="name">瓒婄晫</div> + <div class="code-name">#iconyuejie</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconshuigang"></use> + </svg> + <div class="name">shuigang</div> + <div class="code-name">#iconshuigang</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconanquanjingjie"></use> + </svg> + <div class="name">瀹夊叏璀︽垝</div> + <div class="code-name">#iconanquanjingjie</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icongenzong"></use> + </svg> + <div class="name">璺熻釜</div> + <div class="code-name">#icongenzong</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconshanchu7"></use> + </svg> + <div class="name">鍒� 闄�</div> + <div class="code-name">#iconshanchu7</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconyunxiazai"></use> + </svg> + <div class="name">浜戜笅杞�</div> + <div class="code-name">#iconyunxiazai</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconshiting"></use> + </svg> + <div class="name">璇曞惉</div> + <div class="code-name">#iconshiting</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icondiedaopingfen"></use> + </svg> + <div class="name">璺屽�掕瘎鍒�</div> + <div class="code-name">#icondiedaopingfen</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconbenpao"></use> + </svg> + <div class="name">濂旇窇</div> + <div class="code-name">#iconbenpao</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#icontudouyumaozi"></use> + </svg> + <div class="name">鍦熻眴涓庡附瀛�</div> + <div class="code-name">#icontudouyumaozi</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconrenshukouzhao"></use> + </svg> + <div class="name">浜烘暟鍙g僵</div> + <div class="code-name">#iconrenshukouzhao</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconcheliangjiance"></use> + </svg> + <div class="name">杞﹁締妫�娴�</div> + <div class="code-name">#iconcheliangjiance</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconchouyan-copy"></use> + </svg> + <div class="name">鎶界儫</div> + <div class="code-name">#iconchouyan-copy</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconquntipaihuaidouliu-copy"></use> + </svg> + <div class="name">缇や綋寰樺緤閫楃暀</div> + <div class="code-name">#iconquntipaihuaidouliu-copy</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> + <use xlink:href="#iconxiazai1"></use> + </svg> + <div class="name">涓嬭浇</div> + <div class="code-name">#iconxiazai1</div> + </li> + + <li class="dib"> + <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#iconicon-test3"></use> </svg> <div class="name">11(1)</div> -- Gitblit v1.8.0