添加实时监控，调整树的滚动条

zhangzengfei

2022-08-10 907a3504a77873a8e762adc2f684222c8946adec

 public/fonts/demo_index.html

@@ -55,6 +55,42 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">宫格4</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">宫格1</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">宫格9</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">竖状图</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">统计查询配置存储路径</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">时间段</div>
                <div class="code-name">&amp;#xe662;</div>
@@ -684,9 +720,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1657623241745') format('woff2'),
       url('iconfont.woff?t=1657623241745') format('woff'),
       url('iconfont.ttf?t=1657623241745') format('truetype');
  src: url('iconfont.woff2?t=1660125591157') format('woff2'),
       url('iconfont.woff?t=1660125591157') format('woff'),
       url('iconfont.ttf?t=1660125591157') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -711,6 +747,60 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-gongge"></span>
            <div class="name">
              宫格4
            </div>
            <div class="code-name">.icon-gongge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongge1"></span>
            <div class="name">
              宫格1
            </div>
            <div class="code-name">.icon-gongge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongge2"></span>
            <div class="name">
              宫格9
            </div>
            <div class="code-name">.icon-gongge2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuzhuangtu"></span>
            <div class="name">
              竖状图
            </div>
            <div class="code-name">.icon-shuzhuangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongjichaxunpeizhicunchulujing"></span>
            <div class="name">
              统计查询配置存储路径
            </div>
            <div class="code-name">.icon-tongjichaxunpeizhicunchulujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijianduan"></span>
@@ -1659,6 +1749,54 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongge"></use>
                </svg>
                <div class="name">宫格4</div>
                <div class="code-name">#icon-gongge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongge1"></use>
                </svg>
                <div class="name">宫格1</div>
                <div class="code-name">#icon-gongge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongge2"></use>
                </svg>
                <div class="name">宫格9</div>
                <div class="code-name">#icon-gongge2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuzhuangtu"></use>
                </svg>
                <div class="name">竖状图</div>
                <div class="code-name">#icon-shuzhuangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongjichaxunpeizhicunchulujing"></use>
                </svg>
                <div class="name">统计查询配置存储路径</div>
                <div class="code-name">#icon-tongjichaxunpeizhicunchulujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianduan"></use>
                </svg>
                <div class="name">时间段</div>