From 9c7dccfd46bf39d1fd420e21a30acd9828b75206 Mon Sep 17 00:00:00 2001 From: 刘汉宸 Date: Fri, 10 Jul 2020 18:26:11 +0800 Subject: [PATCH] refactor: 重构Icon组件 --- examples/assets/cute/iconfont.js | 1 + examples/assets/iconfont/iconfont.css | 210 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------- examples/assets/iconfont/iconfont.eot | Bin 8828 -> 0 bytes examples/assets/iconfont/iconfont.js | 1 - examples/assets/iconfont/iconfont.json | 380 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- examples/assets/iconfont/iconfont.svg | 185 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- examples/assets/iconfont/iconfont.ttf | Bin 8660 -> 0 bytes examples/assets/iconfont/iconfont.woff | Bin 5068 -> 0 bytes examples/assets/iconfont/iconfont.woff2 | Bin 4116 -> 0 bytes examples/main.js | 1 + examples/views/docs/component/cell.md | 17 ++++++++++++++--- examples/views/docs/component/icon.md | 55 ++++++++++++++++++++++++++++--------------------------- examples/views/page/other.vue | 18 ++++++++++++++++++ packages/cell/index.vue | 10 ++++++++-- packages/icon/index.css | 38 -------------------------------------- packages/icon/index.scss | 16 ++++++++++++++++ packages/icon/index.vue | 59 ++++++++++++++++++++++++++++++++++++++++++----------------- 17 files changed, 331 insertions(+), 660 deletions(-) create mode 100644 examples/assets/cute/iconfont.js delete mode 100644 examples/assets/iconfont/iconfont.eot delete mode 100644 examples/assets/iconfont/iconfont.js delete mode 100644 examples/assets/iconfont/iconfont.json delete mode 100644 examples/assets/iconfont/iconfont.svg delete mode 100644 examples/assets/iconfont/iconfont.woff delete mode 100644 examples/assets/iconfont/iconfont.woff2 delete mode 100644 packages/icon/index.css create mode 100644 packages/icon/index.scss diff --git a/examples/assets/cute/iconfont.js b/examples/assets/cute/iconfont.js new file mode 100644 index 0000000..1f8f744 --- /dev/null +++ b/examples/assets/cute/iconfont.js @@ -0,0 +1 @@ +!function(h){var z,v,M,l,t,a,p,F='',i=(z=document.getElementsByTagName("script"))[z.length-1].getAttribute("data-injectcss");if(i&&!h.__iconfont__svg__cssinject__){h.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(h){console&&console.log(h)}}function c(){a||(a=!0,l())}v=function(){var h,z,v,M,l,t=document.createElement("div");t.innerHTML=F,F=null,(h=t.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",z=h,(v=document.body).firstChild?(M=z,(l=v.firstChild).parentNode.insertBefore(M,l)):v.appendChild(z))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(v,0):(M=function(){document.removeEventListener("DOMContentLoaded",M,!1),v()},document.addEventListener("DOMContentLoaded",M,!1)):document.attachEvent&&(l=v,t=h.document,a=!1,(p=function(){try{t.documentElement.doScroll("left")}catch(h){return void setTimeout(p,50)}c()})(),t.onreadystatechange=function(){"complete"==t.readyState&&(t.onreadystatechange=null,c())})}(window); \ No newline at end of file diff --git a/examples/assets/iconfont/iconfont.css b/examples/assets/iconfont/iconfont.css index fac8a75..937b97f 100644 --- a/examples/assets/iconfont/iconfont.css +++ b/examples/assets/iconfont/iconfont.css @@ -1,10 +1,6 @@ -@font-face {font-family: "iconfont"; - src: url('iconfont.eot?t=1584343287237'); /* IE9 */ - src: url('iconfont.eot?t=1584343287237#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), - url('iconfont.woff?t=1584343287237') format('woff'), - url('iconfont.ttf?t=1584343287237') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ - url('iconfont.svg?t=1584343287237#iconfont') format('svg'); /* iOS 4.1- */ +@font-face { + font-family: "iconfont"; + src: url('iconfont.ttf?t=1594364628316') format('truetype'); /* iOS 4.1- */ } .iconfont { @@ -14,6 +10,206 @@ -moz-osx-font-smoothing: grayscale; } +.icon-zeyi:before { + content: "\e602"; +} + +.icon-alarm:before { + content: "\e6fc"; +} + +.icon-distance:before { + content: "\e614"; +} + +.icon-photocamera:before { + content: "\ec9f"; +} + +.icon-clouddownload:before { + content: "\eae2"; +} + +.icon-filedownload:before { + content: "\eb54"; +} + +.icon-formatlistbulleted:before { + content: "\eb7a"; +} + +.icon-qihuan:before { + content: "\e600"; +} + +.icon-asterisk:before { + content: "\e63a"; +} + +.icon-edit:before { + content: "\eb31"; +} + +.icon-image:before { + content: "\ebb5"; +} + +.icon-feedback:before { + content: "\eb3a"; +} + +.icon-ringvolume:before { + content: "\eccb"; +} + +.icon-beenhere:before { + content: "\ea76"; +} + +.icon-assignmentturnedin:before { + content: "\ea79"; +} + +.icon-favorite:before { + content: "\eb4c"; +} + +.icon-copy:before { + content: "\e6e5"; +} + +.icon-mic:before { + content: "\ec3d"; +} + +.icon-exittoapp:before { + content: "\eb2a"; +} + +.icon-bookmark:before { + content: "\ea94"; +} + +.icon-delete:before { + content: "\eb0c"; +} + +.icon-history:before { + content: "\ebc1"; +} + +.icon-favoriteoutline:before { + content: "\eb4d"; +} + +.icon-subject:before { + content: "\ed41"; +} + +.icon-notice:before { + content: "\e601"; +} + +.icon-swapcalls:before { + content: "\ed46"; +} + +.icon-dot:before { + content: "\e80a"; +} + +.icon-accountbalance:before { + content: "\ea36"; +} + +.icon-rmb:before { + content: "\e808"; +} + +.icon-customerservice_fill:before { + content: "\e6f1"; +} + +.icon-customerservice:before { + content: "\e6f2"; +} + +.icon-help:before { + content: "\ebbc"; +} + +.icon-createtask_fill:before { + content: "\e6ef"; +} + +.icon-createtask:before { + content: "\e6f0"; +} + +.icon-redpacket_fill:before { + content: "\e71d"; +} + +.icon-redpacket:before { + content: "\e71e"; +} + +.icon-transaction_fill:before { + content: "\e748"; +} + +.icon-financial_fill:before { + content: "\e74b"; +} + +.icon-activity:before { + content: "\e6de"; +} + +.icon-activity_fill:before { + content: "\e6df"; +} + +.icon-barrage_fill:before { + content: "\e6e3"; +} + +.icon-barrage:before { + content: "\e6e4"; +} + +.icon-businesscard_fill:before { + content: "\e6e6"; +} + +.icon-businesscard:before { + content: "\e6e7"; +} + +.icon-coupons_fill:before { + content: "\e6ed"; +} + +.icon-coupons:before { + content: "\e6ee"; +} + +.icon-clean:before { + content: "\e664"; +} + +.icon-check:before { + content: "\ead3"; +} + +.icon-scan:before { + content: "\e722"; +} + +.icon-remove:before { + content: "\ecb9"; +} + .icon-enter:before { content: "\e6f8"; } diff --git a/examples/assets/iconfont/iconfont.eot b/examples/assets/iconfont/iconfont.eot deleted file mode 100644 index c823c59..0000000 Binary files a/examples/assets/iconfont/iconfont.eot and /dev/null differ diff --git a/examples/assets/iconfont/iconfont.js b/examples/assets/iconfont/iconfont.js deleted file mode 100644 index 5079a52..0000000 --- a/examples/assets/iconfont/iconfont.js +++ /dev/null @@ -1 +0,0 @@ -!function(d){var t,q='',l=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(l&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(i=t,e=d.document,a=!1,(q=function(){try{e.documentElement.doScroll("left")}catch(t){return void setTimeout(q,50)}o()})(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,o())});function o(){a||(a=!0,i())}var i,e,a,q}(function(){var t,l,o,i,e,a;(t=document.createElement("div")).innerHTML=q,q=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",o=l,(i=document.body).firstChild?(e=o,(a=i.firstChild).parentNode.insertBefore(e,a)):i.appendChild(o))})}(window); \ No newline at end of file diff --git a/examples/assets/iconfont/iconfont.json b/examples/assets/iconfont/iconfont.json deleted file mode 100644 index ff2f4cc..0000000 --- a/examples/assets/iconfont/iconfont.json +++ /dev/null @@ -1,380 +0,0 @@ -{ - "id": "1687934", - "name": "ZeyiDriver", - "font_family": "iconfont", - "css_prefix_text": "icon-", - "description": "", - "glyphs": [ - { - "icon_id": "7008930", - "name": "enter", - "font_class": "enter", - "unicode": "e6f8", - "unicode_decimal": 59128 - }, - { - "icon_id": "7008997", - "name": "return", - "font_class": "return", - "unicode": "e720", - "unicode_decimal": 59168 - }, - { - "icon_id": "7009048", - "name": "packup", - "font_class": "packup", - "unicode": "e749", - "unicode_decimal": 59209 - }, - { - "icon_id": "7009049", - "name": "unfold", - "font_class": "unfold", - "unicode": "e74a", - "unicode_decimal": 59210 - }, - { - "icon_id": "489935", - "name": "card_giftcard", - "font_class": "cardgiftcard", - "unicode": "eab1", - "unicode_decimal": 60081 - }, - { - "icon_id": "489943", - "name": "call_merge", - "font_class": "callmerge", - "unicode": "eab9", - "unicode_decimal": 60089 - }, - { - "icon_id": "489954", - "name": "check_circle", - "font_class": "checkcircle", - "unicode": "eac2", - "unicode_decimal": 60098 - }, - { - "icon_id": "490078", - "name": "error", - "font_class": "error", - "unicode": "eb37", - "unicode_decimal": 60215 - }, - { - "icon_id": "490079", - "name": "error_outline", - "font_class": "erroroutline", - "unicode": "eb38", - "unicode_decimal": 60216 - }, - { - "icon_id": "490228", - "name": "hourglass_empty", - "font_class": "hourglassempty", - "unicode": "ebc5", - "unicode_decimal": 60357 - }, - { - "icon_id": "490325", - "name": "location_city", - "font_class": "locationcity", - "unicode": "ec20", - "unicode_decimal": 60448 - }, - { - "icon_id": "490386", - "name": "near_me", - "font_class": "nearme", - "unicode": "ec57", - "unicode_decimal": 60503 - }, - { - "icon_id": "490520", - "name": "radio_button_checked", - "font_class": "radiobuttonchecked", - "unicode": "ecc4", - "unicode_decimal": 60612 - }, - { - "icon_id": "490521", - "name": "radio_button_unchecked", - "font_class": "radiobuttonunchecked", - "unicode": "ecc5", - "unicode_decimal": 60613 - }, - { - "icon_id": "490523", - "name": "receipt", - "font_class": "receipt", - "unicode": "ecc7", - "unicode_decimal": 60615 - }, - { - "icon_id": "490525", - "name": "record_voice_over", - "font_class": "recordvoiceover", - "unicode": "ecc9", - "unicode_decimal": 60617 - }, - { - "icon_id": "490589", - "name": "schedule", - "font_class": "schedule", - "unicode": "ecec", - "unicode_decimal": 60652 - }, - { - "icon_id": "490727", - "name": "timeline", - "font_class": "timeline", - "unicode": "ed62", - "unicode_decimal": 60770 - }, - { - "icon_id": "490798", - "name": "warning", - "font_class": "warning", - "unicode": "eda0", - "unicode_decimal": 60832 - }, - { - "icon_id": "489956", - "name": "chevron_right", - "font_class": "chevronright", - "unicode": "eac4", - "unicode_decimal": 60100 - }, - { - "icon_id": "490086", - "name": "expand_less", - "font_class": "expandless", - "unicode": "eb3e", - "unicode_decimal": 60222 - }, - { - "icon_id": "490087", - "name": "expand_more", - "font_class": "expandmore", - "unicode": "eb3f", - "unicode_decimal": 60223 - }, - { - "icon_id": "489802", - "name": "account_box", - "font_class": "accountbox", - "unicode": "ea38", - "unicode_decimal": 59960 - }, - { - "icon_id": "489848", - "name": "assignment", - "font_class": "assignment", - "unicode": "ea61", - "unicode_decimal": 60001 - }, - { - "icon_id": "489959", - "name": "chrome_reader_mode", - "font_class": "chromereadermode", - "unicode": "eac7", - "unicode_decimal": 60103 - }, - { - "icon_id": "490058", - "name": "dns", - "font_class": "dns", - "unicode": "eb23", - "unicode_decimal": 60195 - }, - { - "icon_id": "489805", - "name": "add", - "font_class": "add", - "unicode": "ea3b", - "unicode_decimal": 59963 - }, - { - "icon_id": "490433", - "name": "phone", - "font_class": "phone", - "unicode": "ec7a", - "unicode_decimal": 60538 - }, - { - "icon_id": "490630", - "name": "share", - "font_class": "share", - "unicode": "ed0b", - "unicode_decimal": 60683 - }, - { - "icon_id": "489955", - "name": "chevron_left", - "font_class": "chevronleft", - "unicode": "eac3", - "unicode_decimal": 60099 - }, - { - "icon_id": "938237", - "name": "wechat", - "font_class": "wechat", - "unicode": "e628", - "unicode_decimal": 58920 - }, - { - "icon_id": "489982", - "name": "close", - "font_class": "close", - "unicode": "eadd", - "unicode_decimal": 60125 - }, - { - "icon_id": "490329", - "name": "location_on", - "font_class": "locationon", - "unicode": "ec24", - "unicode_decimal": 60452 - }, - { - "icon_id": "490605", - "name": "settings", - "font_class": "settings", - "unicode": "ecf9", - "unicode_decimal": 60665 - }, - { - "icon_id": "490356", - "name": "message", - "font_class": "message", - "unicode": "ec3c", - "unicode_decimal": 60476 - }, - { - "icon_id": "490716", - "name": "touch_app", - "font_class": "touchapp", - "unicode": "ed57", - "unicode_decimal": 60759 - }, - { - "icon_id": "490225", - "name": "home", - "font_class": "home", - "unicode": "ebc2", - "unicode_decimal": 60354 - }, - { - "icon_id": "490276", - "name": "layers", - "font_class": "layers", - "unicode": "ebf3", - "unicode_decimal": 60403 - }, - { - "icon_id": "490448", - "name": "person", - "font_class": "person", - "unicode": "ec88", - "unicode_decimal": 60552 - }, - { - "icon_id": "490576", - "name": "search", - "font_class": "search", - "unicode": "ece1", - "unicode_decimal": 60641 - }, - { - "icon_id": "489882", - "name": "av_timer", - "font_class": "avtimer", - "unicode": "ea81", - "unicode_decimal": 60033 - }, - { - "icon_id": "490015", - "name": "credit_card", - "font_class": "creditcard", - "unicode": "eafa", - "unicode_decimal": 60154 - }, - { - "icon_id": "490323", - "name": "local_shipping", - "font_class": "localshipping", - "unicode": "ec1e", - "unicode_decimal": 60446 - }, - { - "icon_id": "490444", - "name": "perm_identity", - "font_class": "permidentity", - "unicode": "ec84", - "unicode_decimal": 60548 - }, - { - "icon_id": "490398", - "name": "notifications", - "font_class": "notifications", - "unicode": "ec63", - "unicode_decimal": 60515 - }, - { - "icon_id": "489801", - "name": "account_balance_wallet", - "font_class": "accountbalancewallet", - "unicode": "ea37", - "unicode_decimal": 59959 - }, - { - "icon_id": "489878", - "name": "attach_money", - "font_class": "attachmoney", - "unicode": "ea7d", - "unicode_decimal": 60029 - }, - { - "icon_id": "489967", - "name": "change_history", - "font_class": "changehistory", - "unicode": "eacf", - "unicode_decimal": 60111 - }, - { - "icon_id": "490168", - "name": "gamepad", - "font_class": "gamepad", - "unicode": "eb8c", - "unicode_decimal": 60300 - }, - { - "icon_id": "490286", - "name": "line_weight", - "font_class": "lineweight", - "unicode": "ebfd", - "unicode_decimal": 60413 - }, - { - "icon_id": "490300", - "name": "local_gas_station", - "font_class": "localgasstation", - "unicode": "ec0b", - "unicode_decimal": 60427 - }, - { - "icon_id": "490590", - "name": "school", - "font_class": "school", - "unicode": "eced", - "unicode_decimal": 60653 - }, - { - "icon_id": "490748", - "name": "trending_up", - "font_class": "trendingup", - "unicode": "ed74", - "unicode_decimal": 60788 - } - ] -} diff --git a/examples/assets/iconfont/iconfont.svg b/examples/assets/iconfont/iconfont.svg deleted file mode 100644 index 578f203..0000000 --- a/examples/assets/iconfont/iconfont.svg +++ /dev/null @@ -1,185 +0,0 @@ - - - - - -Created by iconfont - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/examples/assets/iconfont/iconfont.ttf b/examples/assets/iconfont/iconfont.ttf index 9d1c972..533b9fd 100644 Binary files a/examples/assets/iconfont/iconfont.ttf and b/examples/assets/iconfont/iconfont.ttf differ diff --git a/examples/assets/iconfont/iconfont.woff b/examples/assets/iconfont/iconfont.woff deleted file mode 100644 index f04725c..0000000 Binary files a/examples/assets/iconfont/iconfont.woff and /dev/null differ diff --git a/examples/assets/iconfont/iconfont.woff2 b/examples/assets/iconfont/iconfont.woff2 deleted file mode 100644 index 1f6650b..0000000 Binary files a/examples/assets/iconfont/iconfont.woff2 and /dev/null differ diff --git a/examples/main.js b/examples/main.js index 91c34f7..5bf68d9 100644 --- a/examples/main.js +++ b/examples/main.js @@ -9,6 +9,7 @@ import CodeSnippet from '@/components/code-snippet'; import '@/styles/index.scss'; import '@/styles/highlight.scss'; import '@/assets/iconfont/iconfont.css'; +import '@/assets/cute/iconfont.js'; // 进度条配置 NProgress.configure({ showSpinner: false }); diff --git a/examples/views/docs/component/cell.md b/examples/views/docs/component/cell.md index 8f8f36c..ee005e0 100644 --- a/examples/views/docs/component/cell.md +++ b/examples/views/docs/component/cell.md @@ -23,6 +23,8 @@ ``` @@ -39,15 +41,20 @@ ``` @@ -74,6 +81,8 @@ ``` @@ -92,7 +101,7 @@ - +
开启微信通知
@@ -110,6 +119,8 @@ ``` diff --git a/examples/views/docs/component/icon.md b/examples/views/docs/component/icon.md index 7eede4f..58eb362 100644 --- a/examples/views/docs/component/icon.md +++ b/examples/views/docs/component/icon.md @@ -1,10 +1,10 @@ # Icon 图标 -使用iconfont图标 +基于`iconfont`标准，支持`font-class`、`symbol`两种iconfont引用方式，支持引用本地或网络图片 ## 基础用法 -::: snippet 设置`name`改变图标，name与`iconfont`项目中的`icon-xxx`中的内容为准 +::: snippet 设置`name`改变图标，默认为`font-class`模式 ```html