refactor: 调整仪表板其他组件图标大小

frontend/src/components/canvas/custom-component/component-list.js

@@ -85,7 +85,7 @@ export const assistList = [
     component: 'rect-shape',
     type: 'rect-shape',
     label: '矩形',
-    icon: 'iconfont icon-juxing',
+    icon: 'iconfont icon-juxing1',
     defaultClass: 'text-filter'
   },
   {

frontend/src/styles/deicon/demo_index.html

@@ -54,6 +54,12 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe67e;</span>
+                <div class="name">矩形</div>
+                <div class="code-name">&amp;#xe67e;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe653;</span>
                 <div class="name">移动端</div>
@@ -90,12 +96,6 @@
                 <div class="code-name">&amp;#xe91b;</div>
               </li>
           
-            <li class="dib">
-              <span class="icon iconfont">&#xe9a8;</span>
-                <div class="name">tabs</div>
-                <div class="code-name">&amp;#xe9a8;</div>
-              </li>
-          
             <li class="dib">
               <span class="icon iconfont">&#xe665;</span>
                 <div class="name">时间</div>
@@ -156,6 +156,12 @@
                 <div class="code-name">&amp;#xe8e6;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe62a;</span>
+                <div class="name">44.tabs</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe619;</span>
                 <div class="name">洗浴</div>
@@ -468,9 +474,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1636516993563') format('woff2'),
-       url('iconfont.woff?t=1636516993563') format('woff'),
-       url('iconfont.ttf?t=1636516993563') format('truetype');
+  src: url('iconfont.woff2?t=1639546982753') format('woff2'),
+       url('iconfont.woff?t=1639546982753') format('woff'),
+       url('iconfont.ttf?t=1639546982753') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -496,6 +502,15 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-juxing1"></span>
+            <div class="name">
+              矩形
+            </div>
+            <div class="code-name">.icon-juxing1
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-yidongduan"></span>
             <div class="name">
@@ -550,15 +565,6 @@
             </div>
           </li>
           
-          <li class="dib">
-            <span class="icon iconfont icon-tabs"></span>
-            <div class="name">
-              tabs
-            </div>
-            <div class="code-name">.icon-tabs
-            </div>
-          </li>
-          
           <li class="dib">
             <span class="icon iconfont icon-shijian"></span>
             <div class="name">
@@ -649,6 +655,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-tabs"></span>
+            <div class="name">
+              44.tabs
+            </div>
+            <div class="code-name">.icon-tabs
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-xiyu"></span>
             <div class="name">
@@ -1117,6 +1132,14 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-juxing1"></use>
+                </svg>
+                <div class="name">矩形</div>
+                <div class="code-name">#icon-juxing1</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-yidongduan"></use>
@@ -1165,14 +1188,6 @@
                 <div class="code-name">#icon-padding</div>
             </li>
           
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-tabs"></use>
-                </svg>
-                <div class="name">tabs</div>
-                <div class="code-name">#icon-tabs</div>
-            </li>
-          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shijian"></use>
@@ -1253,6 +1268,14 @@
                 <div class="code-name">#icon-xuanfuanniu</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tabs"></use>
+                </svg>
+                <div class="name">44.tabs</div>
+                <div class="code-name">#icon-tabs</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xiyu"></use>

frontend/src/styles/deicon/iconfont.css

 @font-face {
   font-family: "iconfont"; /* Project id 2459092 */
-  src: url('iconfont.woff2?t=1636516993563') format('woff2'),
-       url('iconfont.woff?t=1636516993563') format('woff'),
-       url('iconfont.ttf?t=1636516993563') format('truetype');
+  src: url('iconfont.woff2?t=1639546982753') format('woff2'),
+       url('iconfont.woff?t=1639546982753') format('woff'),
+       url('iconfont.ttf?t=1639546982753') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-juxing1:before {
+  content: "\e67e";
+}
+
 .icon-yidongduan:before {
   content: "\e653";
 }
@@ -37,10 +41,6 @@
   content: "\e91b";
 }
 
-.icon-tabs:before {
-  content: "\e9a8";
-}
-
 .icon-shijian:before {
   content: "\e665";
 }
@@ -81,6 +81,10 @@
   content: "\e8e6";
 }
 
+.icon-tabs:before {
+  content: "\e62a";
+}
+
 .icon-xiyu:before {
   content: "\e619";
 }

frontend/src/styles/deicon/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "23446403",
+      "name": "矩形",
+      "font_class": "juxing1",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
     {
       "icon_id": "11799014",
       "name": "移动端",
@@ -47,13 +54,6 @@
       "unicode": "e91b",
       "unicode_decimal": 59675
     },
-    {
-      "icon_id": "11982148",
-      "name": "tabs",
-      "font_class": "tabs",
-      "unicode": "e9a8",
-      "unicode_decimal": 59816
-    },
     {
       "icon_id": "658039",
       "name": "时间",
@@ -124,6 +124,13 @@
       "unicode": "e8e6",
       "unicode_decimal": 59622
     },
+    {
+      "icon_id": "15196968",
+      "name": "44.tabs",
+      "font_class": "tabs",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
     {
       "icon_id": "23570269",
       "name": "洗浴",