merge

heyujie

2021-11-05 c69082e60f9b27dfd8c6cfa64af0b36ede1fade4

 public/fonts/alibaba/demo_index.html

@@ -55,6 +55,168 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">组 761</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">组 762</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">组 760</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">组 765</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">组 562</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">路径 415</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">组 -3</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">组 -1</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">组 776</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">路径 416</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">组 -2</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">组 772</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">路径 417</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">组 778</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">组 777</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">组 771</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">组 775</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">路径 418</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">组 783</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">组 779</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">组 781</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">组 780</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">组 782</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">路径 419</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">组 800</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">组 801</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">路径 411</div>
                <div class="code-name">&amp;#xe798;</div>
@@ -2748,9 +2910,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1635905678205') format('woff2'),
       url('iconfont.woff?t=1635905678205') format('woff'),
       url('iconfont.ttf?t=1635905678205') format('truetype');
  src: url('iconfont.woff2?t=1636022022856') format('woff2'),
       url('iconfont.woff?t=1636022022856') format('woff'),
       url('iconfont.ttf?t=1636022022856') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -2775,6 +2937,249 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconvideo"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.iconvideo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu761"></span>
            <div class="name">
              组 761
            </div>
            <div class="code-name">.icona-zu761
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu762"></span>
            <div class="name">
              组 762
            </div>
            <div class="code-name">.icona-zu762
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu760"></span>
            <div class="name">
              组 760
            </div>
            <div class="code-name">.icona-zu760
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu765"></span>
            <div class="name">
              组 765
            </div>
            <div class="code-name">.icona-zu765
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu562"></span>
            <div class="name">
              组 562
            </div>
            <div class="code-name">.icona-zu562
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing415"></span>
            <div class="name">
              路径 415
            </div>
            <div class="code-name">.icona-lujing415
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu-3"></span>
            <div class="name">
              组 -3
            </div>
            <div class="code-name">.icona-zu-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu-1"></span>
            <div class="name">
              组 -1
            </div>
            <div class="code-name">.icona-zu-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu776"></span>
            <div class="name">
              组 776
            </div>
            <div class="code-name">.icona-zu776
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing416"></span>
            <div class="name">
              路径 416
            </div>
            <div class="code-name">.icona-lujing416
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu-2"></span>
            <div class="name">
              组 -2
            </div>
            <div class="code-name">.icona-zu-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu772"></span>
            <div class="name">
              组 772
            </div>
            <div class="code-name">.icona-zu772
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing417"></span>
            <div class="name">
              路径 417
            </div>
            <div class="code-name">.icona-lujing417
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu778"></span>
            <div class="name">
              组 778
            </div>
            <div class="code-name">.icona-zu778
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu777"></span>
            <div class="name">
              组 777
            </div>
            <div class="code-name">.icona-zu777
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu771"></span>
            <div class="name">
              组 771
            </div>
            <div class="code-name">.icona-zu771
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu775"></span>
            <div class="name">
              组 775
            </div>
            <div class="code-name">.icona-zu775
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing418"></span>
            <div class="name">
              路径 418
            </div>
            <div class="code-name">.icona-lujing418
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu783"></span>
            <div class="name">
              组 783
            </div>
            <div class="code-name">.icona-zu783
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu779"></span>
            <div class="name">
              组 779
            </div>
            <div class="code-name">.icona-zu779
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu781"></span>
            <div class="name">
              组 781
            </div>
            <div class="code-name">.icona-zu781
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu780"></span>
            <div class="name">
              组 780
            </div>
            <div class="code-name">.icona-zu780
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu782"></span>
            <div class="name">
              组 782
            </div>
            <div class="code-name">.icona-zu782
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing419"></span>
            <div class="name">
              路径 419
            </div>
            <div class="code-name">.icona-lujing419
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu800"></span>
            <div class="name">
              组 800
            </div>
            <div class="code-name">.icona-zu800
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-zu801"></span>
            <div class="name">
              组 801
            </div>
            <div class="code-name">.icona-zu801
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-lujing411"></span>
@@ -6819,6 +7224,222 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#iconvideo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu761"></use>
                </svg>
                <div class="name">组 761</div>
                <div class="code-name">#icona-zu761</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu762"></use>
                </svg>
                <div class="name">组 762</div>
                <div class="code-name">#icona-zu762</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu760"></use>
                </svg>
                <div class="name">组 760</div>
                <div class="code-name">#icona-zu760</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu765"></use>
                </svg>
                <div class="name">组 765</div>
                <div class="code-name">#icona-zu765</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu562"></use>
                </svg>
                <div class="name">组 562</div>
                <div class="code-name">#icona-zu562</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing415"></use>
                </svg>
                <div class="name">路径 415</div>
                <div class="code-name">#icona-lujing415</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu-3"></use>
                </svg>
                <div class="name">组 -3</div>
                <div class="code-name">#icona-zu-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu-1"></use>
                </svg>
                <div class="name">组 -1</div>
                <div class="code-name">#icona-zu-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu776"></use>
                </svg>
                <div class="name">组 776</div>
                <div class="code-name">#icona-zu776</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing416"></use>
                </svg>
                <div class="name">路径 416</div>
                <div class="code-name">#icona-lujing416</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu-2"></use>
                </svg>
                <div class="name">组 -2</div>
                <div class="code-name">#icona-zu-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu772"></use>
                </svg>
                <div class="name">组 772</div>
                <div class="code-name">#icona-zu772</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing417"></use>
                </svg>
                <div class="name">路径 417</div>
                <div class="code-name">#icona-lujing417</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu778"></use>
                </svg>
                <div class="name">组 778</div>
                <div class="code-name">#icona-zu778</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu777"></use>
                </svg>
                <div class="name">组 777</div>
                <div class="code-name">#icona-zu777</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu771"></use>
                </svg>
                <div class="name">组 771</div>
                <div class="code-name">#icona-zu771</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu775"></use>
                </svg>
                <div class="name">组 775</div>
                <div class="code-name">#icona-zu775</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing418"></use>
                </svg>
                <div class="name">路径 418</div>
                <div class="code-name">#icona-lujing418</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu783"></use>
                </svg>
                <div class="name">组 783</div>
                <div class="code-name">#icona-zu783</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu779"></use>
                </svg>
                <div class="name">组 779</div>
                <div class="code-name">#icona-zu779</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu781"></use>
                </svg>
                <div class="name">组 781</div>
                <div class="code-name">#icona-zu781</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu780"></use>
                </svg>
                <div class="name">组 780</div>
                <div class="code-name">#icona-zu780</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu782"></use>
                </svg>
                <div class="name">组 782</div>
                <div class="code-name">#icona-zu782</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing419"></use>
                </svg>
                <div class="name">路径 419</div>
                <div class="code-name">#icona-lujing419</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu800"></use>
                </svg>
                <div class="name">组 800</div>
                <div class="code-name">#icona-zu800</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-zu801"></use>
                </svg>
                <div class="name">组 801</div>
                <div class="code-name">#icona-zu801</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-lujing411"></use>
                </svg>
                <div class="name">路径 411</div>