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

當(dāng)前位置: 首頁 > 科技新聞 >

字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫—

時(shí)間:2021-07-27 17:38來源:網(wǎng)絡(luò)整理 瀏覽:
介紹IconPark是字節(jié)跳動(dòng)團(tuán)隊(duì)開源的一個(gè)開源圖標(biāo)庫,一共提供超過2000個(gè)高質(zhì)量的圖標(biāo),提供可視化界面配置來實(shí)現(xiàn)不同的方案,非常適合開發(fā)
介紹

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


字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

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è)屬性

字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

非常豐富的分類

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


字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark


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

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


字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

定制化

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


字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

安裝使用

筆者作為開發(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é)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

總結(jié)

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


字節(jié)跳動(dòng)開源,超過2000個(gè)圖標(biāo)的高質(zhì)量圖標(biāo)庫——IconPark

推薦內(nèi)容