成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

在vue項目中使用阿里矢量庫

chenjiang3 / 1172人閱讀

摘要：阿里矢量庫使用方法簡易教程寫在前面之前項目是自己寫的項目來練手，所以用的矢量庫。點擊生成最新的三如果在項目中引入和使用在點擊生成生成一段地址。在里要加入你在建項目時候自定義的前綴，在中增加在下面圖標(biāo)的名字

阿里矢量庫使用方法簡易教程

寫在前面：之前項目是自己寫的項目來練手，所以用的矢量庫。工作里面如果UI不用的話也只能用其他方法了。我們目前用的SVG,大家的項目里面都用的是那種形式呢？

一： 在阿里矢量庫中注冊賬號


這個首頁的登錄頁面，一般用github登錄就好啦！

二：登錄后如何添加自己的項目


登錄以后就可以看到這個頁面啦！點擊下圖的圖標(biāo)管理

01 可以申請一個自己的項目 點擊紫色的按鈕即可看到下面的頁面

02 完善相應(yīng)的信息就可以有自己的項目了。在首頁搜索你需要的圖標(biāo)，例如:收藏

03 點擊相應(yīng)的圖標(biāo)，加入到庫中，點擊購物車的圖標(biāo)可以下載或者添加到自己項目中。如果想加載的快點，就可以直接下載到本地。

04 到購物車?yán)锩婢涂梢赃x擇相應(yīng)的圖標(biāo)到自己的項目中，點擊確認(rèn)就會跳轉(zhuǎn)頁面到你的項目。新增的圖標(biāo)就出現(xiàn)了。

05 點擊生成最新的icon

三：如果在項目中引入和使用icon

在點擊生成font class 生成一段地址 。在index.html中加入

在項目中，你就可以使用i標(biāo)簽來用了。這是我項目中是使用icon的方法啦。在class里要加入你在建項目時候自定義的前綴，eg:iconfont
在class中增加在font class下面圖標(biāo)的名字：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/106172.html

相關(guān)文章

  • 詳細(xì)介紹vue項目中應(yīng)用阿里巴巴矢量圖標(biāo)庫

    摘要：列表項目首先進(jìn)入阿里巴巴矢量圖標(biāo)庫的官方網(wǎng)址一選擇其中一種方式登錄。 列表項目 首先進(jìn)入阿里巴巴矢量圖標(biāo)庫的官方網(wǎng)址：http://www.iconfont.cn/home/i... 一、選擇其中一種方式登錄。 二、點擊導(dǎo)航欄上面的圖標(biāo)管理新建項目 showImg(https://segmentfault.com/img/bVbhUnn?w=1228&h=242); 新建項目會彈出一個...

    roland_reed 評論0 收藏0

  • Dcloud,hbuilderX開發(fā)uni-app第一天踩坑記錄

    摘要：其實大部分坑在在官網(wǎng)都有介紹具體位置在在中使用模塊官方文檔中總結(jié)了很多坑，但我只說一下我今天遇到的坑不支持中的過濾器解決辦法從后臺獲取數(shù)據(jù)后始用對數(shù)據(jù)進(jìn)行處理，例子始用過濾器時始用僅為示例，并非真實接口地址。 其實大部分坑在 uni-app在官網(wǎng)都有介紹 具體位置在 在 uni-app 中使用 Vue.js 模塊 官方文檔中總結(jié)了很多坑，但我只說一下我今天遇到的： 坑1：uni-app...

    zqhxuyuan 評論0 收藏0

  • 阿里巴巴矢量圖標(biāo)庫（Iconfont）-利于UI和前端的搭配

    摘要：首先我們需要找到這個網(wǎng)站打開之后看到的首頁大概是這個樣子里面有搜索框，首先先是來找圖標(biāo)設(shè)計，里面圖標(biāo)大都是免費的，而且樣式多種多樣，打個比方我們搜索一個首頁的圖標(biāo)?！　　　∏岸藭r間，做一個小網(wǎng)站的時候，需要用到很多小圖標(biāo)，UI設(shè)計好之后不知道如何使用，如果使用圖片那會很麻煩，相信一些前端更喜歡iconfont這樣的標(biāo)簽直接調(diào)用，這樣包括顏色和大小以及使用都更方便快捷，于是我們經(jīng)過交流之后決定...

    goji 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<