完成账户ui

heyujie

2021-09-27 0ed539e3e9edc4e0e3c1d9e848dfc5a75821e8bb

 public/fonts/alibaba/demo_index.html

@@ -55,6 +55,24 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">自治服务器</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">最大化</div>
                <div class="code-name">&amp;#xe73d;</div>
@@ -73,12 +91,6 @@
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">用户-圆</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe739;</div>
@@ -88,12 +100,6 @@
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">用户-角色-用户名-单人_jurassic</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
@@ -2166,9 +2172,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1632627061725') format('woff2'),
       url('iconfont.woff?t=1632627061725') format('woff'),
       url('iconfont.ttf?t=1632627061725') format('truetype');
  src: url('iconfont.woff2?t=1632731069844') format('woff2'),
       url('iconfont.woff?t=1632731069844') format('woff'),
       url('iconfont.ttf?t=1632731069844') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -2193,6 +2199,33 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconmima1"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweiwangguanicon-defuben-1"></span>
            <div class="name">
              自治服务器
            </div>
            <div class="code-name">.iconweiwangguanicon-defuben-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrili1"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.iconrili1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuidahua"></span>
@@ -2222,15 +2255,6 @@
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghu-yuan"></span>
            <div class="name">
              用户-圆
            </div>
            <div class="code-name">.iconyonghu-yuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangda"></span>
            <div class="name">
              放大
@@ -2245,15 +2269,6 @@
              缩小
            </div>
            <div class="code-name">.iconsuoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjurassic_user"></span>
            <div class="name">
              用户-角色-用户名-单人_jurassic
            </div>
            <div class="code-name">.iconjurassic_user
            </div>
          </li>
          
@@ -5364,6 +5379,30 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima1"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweiwangguanicon-defuben-1"></use>
                </svg>
                <div class="name">自治服务器</div>
                <div class="code-name">#iconweiwangguanicon-defuben-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrili1"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#iconrili1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuidahua"></use>
                </svg>
                <div class="name">最大化</div>
@@ -5388,14 +5427,6 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghu-yuan"></use>
                </svg>
                <div class="name">用户-圆</div>
                <div class="code-name">#iconyonghu-yuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangda"></use>
                </svg>
                <div class="name">放大</div>
@@ -5408,14 +5439,6 @@
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#iconsuoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjurassic_user"></use>
                </svg>
                <div class="name">用户-角色-用户名-单人_jurassic</div>
                <div class="code-name">#iconjurassic_user</div>
            </li>
          
            <li class="dib">