亚洲全黄无码一级在线看_国产剧情久久久性色_无码av一区二区三区无码_亚洲成a×人片在线观看

介紹

IconPark是字節(jié)跳動(dòng)團(tuán)隊(duì)開源的一個(gè)開源圖標(biāo)庫，一共提供超過2000個(gè)高質(zhì)量的圖標(biāo)，提供可視化界面配置來實(shí)現(xiàn)不同的方案，非常適合開發(fā)者和設(shè)計(jì)師來使用！

Github

GitHub：https://github.com/bytedance/IconPark

官網(wǎng)：https://iconpark.oceanengine.com/

特性豐富多彩的資源庫免費(fèi)使用

2400+基礎(chǔ)圖標(biāo)，29種圖標(biāo)分類，提供更多的選擇，通過變化可達(dá)到百萬量級(jí)，那么使用圖標(biāo)就很方便了

供各類不同人群使用

IconPark的使用者可以是任何人，包括設(shè)計(jì)師、工程師或者產(chǎn)品經(jīng)理等人群針對(duì)不同的人群提供了一整套使用指南，非常容易學(xué)習(xí)和使用

主題變換

IconPark可以通過單一的SVG源文件變換出各種主題，包括線框、填充、雙色、多色等特性，僅僅是需要配置兩個(gè)屬性

非常豐富的分類

IconPark具備非常豐富的分類，包括基礎(chǔ)、辦公、編輯、表情、餐飲、操作、抽象、兒童、方向、服飾、符號(hào)、工業(yè)、家居、建筑、交流、連接、旅行、美妝、品牌、錢財(cái)、人群、聲音、時(shí)間、手勢(shì)、書籍、數(shù)據(jù)庫、天氣、圖表、圖形、醫(yī)療健康、硬件、運(yùn)動(dòng)、其它！涵蓋了諸多分類已適應(yīng)不同場(chǎng)景下的使用！

提供可供前端開發(fā)者所使用的框架組件包

包括React、Vue（2和3）、SVG的開發(fā)者使用的包

定制化

任何人都可以通過可視化界面進(jìn)行一些配置來滿足各類需求，包括大小、線段粗細(xì)、風(fēng)格、描邊顏色、端點(diǎn)類型、拐點(diǎn)類型等

安裝使用

筆者作為開發(fā)者，經(jīng)常有時(shí)候需要去找一些圖標(biāo)，當(dāng)然可供選擇的有很多，這里我們以在Vue3 的項(xiàng)目中使用圖標(biāo)為例安裝使用：

安裝依賴包

使用你喜歡的包管理工具安裝，比如npm或者yarn

npm install @icon-park/vue-next --save//或者yarn add  @icon-park/vue-next --save

最簡(jiǎn)單的示例如下：

全局引用（不推薦）

import {install} from '@icon-park/vue-next/es/all';import '@icon-park/vue-next/styles/index.css';import {createApp} from 'vue';const app = createApp({});install(app); install(app, 'i');app.mount('#app');

針對(duì)性全局配置

按需引入（babel-plugin-import）

推薦按需加載圖標(biāo)，因?yàn)檫@樣可以大大減少編譯代碼量

{    "plugins": [        [            "import",            {                "libraryName": "@icon-park/vue-next",                "libraryDirectory": "es/icons",                "camel2DashComponentName": false             }        ]    ]}

屬性配置

總結(jié)

IconPark確實(shí)是一個(gè)優(yōu)秀的圖標(biāo)庫，其設(shè)計(jì)思想是以不變應(yīng)萬變的理念，通過一些配置即可滿足不同場(chǎng)景以及不同人群的使用，提供的開發(fā)框架更加接近開發(fā)者使用，非常適合引入到自己的項(xiàng)目中，從此圖標(biāo)問題不在愁！