【icon】update

SuperMap · Oct 9, 2024 · d344a2d · d344a2d
1 parent 1c548b3
commit d344a2d
Show file tree

Hide file tree

Showing 8 changed files with 119 additions and 220 deletions.
diff --git a/demo/iconfont/iconfont.html b/demo/iconfont/iconfont.html
@@ -2,9 +2,9 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <title>IconFont Demo</title>
-  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
-  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
   <link rel="stylesheet" href="iconfont.css">
   <link rel="stylesheet" href="../../src/common/_assets/iconfont/icon-sm-components.css">
@@ -13,10 +13,33 @@
   <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
   <!-- 代码高亮 -->
   <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
 </head>
 <body>
   <div class="main">
-    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+
+    </a></h1>
     <div class="nav-tabs">
       <ul id="tabs" class="dib-box">
         <li class="dib active"><span>Unicode</span></li>
@@ -31,6 +54,24 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
 
+            <li class="dib">
+              <span class="icon sm-components-icon-">&#xe661;</span>
+                <div class="name">图层样式01</div>
+                <div class="code-name">&amp;#xe661;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon sm-components-icon-">&#xe7f7;</span>
+                <div class="name">attribute-table</div>
+                <div class="code-name">&amp;#xe7f7;</div>
+              </li>
+
+            <li class="dib">
+              <span class="icon sm-components-icon-">&#xe660;</span>
+                <div class="name">缩放至图层</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+
             <li class="dib">
               <span class="icon sm-components-icon-">&#xe65f;</span>
                 <div class="name">attribute</div>
@@ -380,24 +421,20 @@ <h2 id="unicode-">Unicode 引用</h2>
 
           <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
           <ul>
-            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
             <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
-            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
           </ul>
           <blockquote>
-            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
           </blockquote>
           <p>Unicode 使用步骤如下：</p>
           <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
 <pre><code class="language-css"
 >@font-face {
   font-family: 'sm-components-icon-';
-  src: url('iconfont.eot');
-  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
-      url('iconfont.woff2') format('woff2'),
-      url('iconfont.woff') format('woff'),
-      url('iconfont.ttf') format('truetype'),
-      url('iconfont.svg#sm-components-icon-') format('svg');
+  src: url('iconfont.woff2?t=1728443762490') format('woff2'),
+       url('iconfont.woff?t=1728443762490') format('woff'),
+       url('iconfont.ttf?t=1728443762490') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -423,6 +460,33 @@ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面
       <div class="content font-class">
         <ul class="icon_lists dib-box">
 
+          <li class="dib">
+            <span class="icon sm-components-icon- sm-components-icon-tucengyangshi01"></span>
+            <div class="name">
+              图层样式01
+            </div>
+            <div class="code-name">.sm-components-icon-tucengyangshi01
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon sm-components-icon- sm-components-icon-attribute-table"></span>
+            <div class="name">
+              attribute-table
+            </div>
+            <div class="code-name">.sm-components-icon-attribute-table
+            </div>
+          </li>
+
+          <li class="dib">
+            <span class="icon sm-components-icon- sm-components-icon-suofangzhituceng"></span>
+            <div class="name">
+              缩放至图层
+            </div>
+            <div class="code-name">.sm-components-icon-suofangzhituceng
+            </div>
+          </li>
+
           <li class="dib">
             <span class="icon sm-components-icon- sm-components-icon-attribute"></span>
             <div class="name">
@@ -944,10 +1008,8 @@ <h2 id="font-class-">font-class 引用</h2>
         <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
         <p>与 Unicode 使用方式相比，具有如下特点：</p>
         <ul>
-          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
           <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
           <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
-          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
         </ul>
         <p>使用步骤如下：</p>
         <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
@@ -965,6 +1027,30 @@ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h
       <div class="content symbol">
           <ul class="icon_lists dib-box">
 
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#sm-components-icon-tucengyangshi01"></use>
+                </svg>
+                <div class="name">图层样式01</div>
+                <div class="code-name">#sm-components-icon-tucengyangshi01</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#sm-components-icon-attribute-table"></use>
+                </svg>
+                <div class="name">attribute-table</div>
+                <div class="code-name">#sm-components-icon-attribute-table</div>
+            </li>
+
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#sm-components-icon-suofangzhituceng"></use>
+                </svg>
+                <div class="name">缩放至图层</div>
+                <div class="code-name">#sm-components-icon-suofangzhituceng</div>
+            </li>
+
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#sm-components-icon-attribute"></use>

diff --git a/demo/iconfont/iconfont.js b/demo/iconfont/iconfont.js
diff --git a/src/common/_assets/iconfont/icon-sm-components.css b/src/common/_assets/iconfont/icon-sm-components.css
@@ -1,10 +1,8 @@
-@font-face {font-family: "sm-components-icon-";
-  src: url('icon-sm-components.eot?t=1617681183966'); /* IE9 */
-  src: url('icon-sm-components.eot?t=1617681183966#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('icon-sm-components.woff?t=1617681183966') format('woff'),
-  url('icon-sm-components.ttf?t=1617681183966') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('icon-sm-components.svg?t=1617681183966#sm-components-icon-') format('svg'); /* iOS 4.1- */
+@font-face {
+  font-family: "sm-components-icon-"; /* Project id 2236405 */
+  src: url('icon-sm-components.woff2?t=1728443762490') format('woff2'),
+       url('icon-sm-components.woff?t=1728443762490') format('woff'),
+       url('icon-sm-components.ttf?t=1728443762490') format('truetype');
 }
 
 [class^="sm-components-icon-"], [class*=" sm-components-icon-"], .sm-components-icon {
@@ -15,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sm-components-icon-tucengyangshi01:before {
+  content: "\e661";
+}
+
+.sm-components-icon-attribute-table:before {
+  content: "\e7f7";
+}
+
+.sm-components-icon-suofangzhituceng:before {
+  content: "\e660";
+}
+
 .sm-components-icon-attribute:before {
   content: "\e65f";
 }

diff --git a/src/common/_assets/iconfont/icon-sm-components.eot b/src/common/_assets/iconfont/icon-sm-components.eot