Browse Source

feat: add rectangle arrow icons (#1833)

peixinyu 3 years ago
parent
commit
4fff31353a

+ 4 - 0
src/packages/styles/font/config.json

@@ -105,6 +105,10 @@
       "name": "基础图标",
       "nameEn": "Basic Icon",
       "icons": [
+        "rect-up",
+        "rect-down",
+        "rect-left",
+        "rect-right",
         "uploader",
         "mask-close",
         "circle-close",

+ 95 - 3
src/packages/styles/font/demo_index.html

@@ -55,6 +55,30 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6c9;</span>
+                <div class="name">常用_返回</div>
+                <div class="code-name">&amp;#xe6c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6ca;</span>
+                <div class="name">常用_收起</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6cb;</span>
+                <div class="name">常用_更多</div>
+                <div class="code-name">&amp;#xe6cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon nutui-iconfont">&#xe6cc;</span>
+                <div class="name">常用_展开</div>
+                <div class="code-name">&amp;#xe6cc;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon nutui-iconfont">&#xeb6d;</span>
                 <div class="name">下箭头</div>
                 <div class="code-name">&amp;#xeb6d;</div>
@@ -798,9 +822,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'nutui-iconfont';
-  src: url('iconfont.woff2?t=1662618531522') format('woff2'),
-       url('iconfont.woff?t=1662618531522') format('woff'),
-       url('iconfont.ttf?t=1662618531522') format('truetype');
+  src: url('iconfont.woff2?t=1667903871674') format('woff2'),
+       url('iconfont.woff?t=1667903871674') format('woff'),
+       url('iconfont.ttf?t=1667903871674') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -827,6 +851,42 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-left"></span>
+            <div class="name">
+              常用_返回
+            </div>
+            <div class="code-name">.nut-icon-rect-left
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-up"></span>
+            <div class="name">
+              常用_收起
+            </div>
+            <div class="code-name">.nut-icon-rect-up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-right"></span>
+            <div class="name">
+              常用_更多
+            </div>
+            <div class="code-name">.nut-icon-rect-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon nutui-iconfont nut-icon-rect-down"></span>
+            <div class="name">
+              常用_展开
+            </div>
+            <div class="code-name">.nut-icon-rect-down
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon nutui-iconfont nut-icon-triangle-down"></span>
             <div class="name">
               下箭头
@@ -1944,6 +2004,38 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-left"></use>
+                </svg>
+                <div class="name">常用_返回</div>
+                <div class="code-name">#nut-icon-rect-left</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-up"></use>
+                </svg>
+                <div class="name">常用_收起</div>
+                <div class="code-name">#nut-icon-rect-up</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-right"></use>
+                </svg>
+                <div class="name">常用_更多</div>
+                <div class="code-name">#nut-icon-rect-right</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#nut-icon-rect-down"></use>
+                </svg>
+                <div class="name">常用_展开</div>
+                <div class="code-name">#nut-icon-rect-down</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#nut-icon-triangle-down"></use>
                 </svg>
                 <div class="name">下箭头</div>

+ 19 - 3
src/packages/styles/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nutui-iconfont"; /* Project id 2166874 */
-  src: url('iconfont.woff2?t=1662618531522') format('woff2'),
-       url('iconfont.woff?t=1662618531522') format('woff'),
-       url('iconfont.ttf?t=1662618531522') format('truetype');
+  src: url('iconfont.woff2?t=1667903871674') format('woff2'),
+       url('iconfont.woff?t=1667903871674') format('woff'),
+       url('iconfont.ttf?t=1667903871674') format('truetype');
 }
 
 .nutui-iconfont {
@@ -13,6 +13,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nut-icon-rect-left:before {
+  content: "\e6c9";
+}
+
+.nut-icon-rect-up:before {
+  content: "\e6ca";
+}
+
+.nut-icon-rect-right:before {
+  content: "\e6cb";
+}
+
+.nut-icon-rect-down:before {
+  content: "\e6cc";
+}
+
 .nut-icon-triangle-down:before {
   content: "\eb6d";
 }

File diff suppressed because it is too large
+ 6 - 6
src/packages/styles/font/iconfont.js


+ 28 - 0
src/packages/styles/font/iconfont.json

@@ -6,6 +6,34 @@
   "description": "nutui 3.0字体管理",
   "glyphs": [
     {
+      "icon_id": "24330526",
+      "name": "常用_返回",
+      "font_class": "rect-left",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "24330528",
+      "name": "常用_收起",
+      "font_class": "rect-up",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "24330529",
+      "name": "常用_更多",
+      "font_class": "rect-right",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "24330530",
+      "name": "常用_展开",
+      "font_class": "rect-down",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
       "icon_id": "4175511",
       "name": "下箭头",
       "font_class": "triangle-down",

BIN
src/packages/styles/font/iconfont.ttf


BIN
src/packages/styles/font/iconfont.woff


BIN
src/packages/styles/font/iconfont.woff2