<strike id="cakm0"></strike>
  • <button id="cakm0"><dl id="cakm0"></dl></button>
  • <samp id="cakm0"><tbody id="cakm0"></tbody></samp>
    <samp id="cakm0"><pre id="cakm0"></pre></samp><ul id="cakm0"></ul>
    <strike id="cakm0"></strike>
    <li id="cakm0"></li>
  • <ul id="cakm0"></ul>
  • 更多精彩內容,歡迎關注:

    視頻號
    視頻號

    抖音
    抖音

    快手
    快手

    微博
    微博

    awesome java

    文檔

    awesome java

    Font Awesome是一套流行的圖標字體庫,在實際開發的過程中會經常遇到需要使用圖標的場景,對于一些常用的圖標,不用設計師就可以直接在Font Awesome中找到并且使用。
    推薦度:
    導讀Font Awesome是一套流行的圖標字體庫,在實際開發的過程中會經常遇到需要使用圖標的場景,對于一些常用的圖標,不用設計師就可以直接在Font Awesome中找到并且使用。

    awesome java是什么,讓我們一起了解一下?

    Font Awesome是一套流行的圖標字體庫,我們在實際開發的過程中會經常遇到需要使用圖標的場景,對于一些常用的圖標,不用設計師,我們可以直接在Font Awesome中找到并且使用。

    Font Awesome如何安裝?

    在Font Awesome 4版本中,可以通過使用npm安裝font-awesome依賴以后直接在main.js中引入全部CSS文件來像使用原生JavaScript開發一樣使用Font Awesome,但到了Font Awesome 5版本后,官方推出了對Vue的支持,我們可以根據自己的需求引入圖標,這樣到了最后打包的時候生產環境的文件只會包含我們所需要的圖標文件,大大減小了依賴的體積,優化了應用的性能,本文講解如何在Vue中使用Font Awesome 5版本。

    一般來說需要安裝三個依賴,也是官方推薦的安裝內容:

    npm?install?--save?@fortawesome/fontawesome-svg-core
    npm?install?--save?@fortawesome/vue-fontawesome
    npm?install?--save?@fortawesome/free-solid-svg-icons

    其中第一行的依賴是Font Awesome的核心部分,第二行的依賴是Font Awesome在Vue環境中使用需要的Vue組件,第三行的依賴是Font Awesome的solid風格圖標。

    Font Awesome 5中官方將圖標分為了幾個風格,有solid,regular,light和brands。作為免費用戶,只能使用部分solid,regular和brands的圖標,我們目前只安裝了solid圖標,它已經包含了絕大多數我們要用到的圖標,有時我們還需要使用到一些商標圖標,讓我們再來安裝商標圖標依賴。

    npm?install?--save?@fortawesome/free-brands-svg-icons

    我已經用Vue CLI初始化了一個空白的Vue項目,你也可以用你自己的方式來新建一個Vue項目,在Vue的入口文件main.js中添加如下內容:

    import?Vue?from?'vue';
    import?{?library?}?from?'@fortawesome/fontawesome-svg-core';
    import?{?FontAwesomeIcon?}?from?'@fortawesome/vue-fontawesome';
    import?App?from?'./App.vue';
    Vue.component('font-awesome-icon',?FontAwesomeIcon);
    Vue.config.productionTip?=?false;
    new?Vue({
    ????render:?function?(h)?{
    ????????return?h(App);
    ????},
    }).$mount('#app');

    以上就是小編今天的分享了,希望可以幫助到大家。

    文檔

    awesome java

    Font Awesome是一套流行的圖標字體庫,在實際開發的過程中會經常遇到需要使用圖標的場景,對于一些常用的圖標,不用設計師就可以直接在Font Awesome中找到并且使用。
    推薦度:
    為你推薦
    資訊專欄
    熱門視頻
    相關推薦
    小程序和app的區別 enum java excel讀取java extend java extends java false是java關鍵字嗎 愛奇藝黃金會員和星鉆會員的區別 field java foreach java for循環java gateway java gdal java gdb java geohash java geojson java glue java golang調用java grep java groupby java guava java arrays java eclipse創建java dozer java double java 微信怎么群發消息給多人 django java continue java 被刪的微信聊天記錄怎么找回來 compareto java cmake java class轉java character java callable java qq實名認證怎么解除 calendar java cache java c#調用java接口 c#調用java brew java boolean java
    Top 久久精品国产99久久丝袜| 国产精品怡红院在线观看| 国产精品自在自线视频| 国精品午夜福利视频不卡| 香蕉99久久国产综合精品宅男自| 国产精品亚洲片在线va| 嫩草伊人久久精品少妇AV| 中文国产成人精品少久久| 国产四虎免费精品视频| 久久久久久久久久国产精品免费 | 国产精品夜夜春夜夜爽久久小| 亚洲婷婷国产精品电影人久久| 国产精品一卡二卡三卡四卡 | 亚洲国产一二三精品无码| 国产99精品一区二区三区免费| 国产精品无码专区在线播放| 国产精品青草久久久久婷婷| 99精品免费观看| 亚洲无码精品浪潮| 精品综合一区二区三区| 精品一区二区久久久久久久网精| 无码人妻精品一区二区三区99性| 91精品国产色综合久久不| AV天堂午夜精品一区| 一区二区日韩国产精品| 精品无码成人片一区二区98| 色一乱一伦一图一区二区精品 | 漂亮人妻被黑人久久精品| 亚洲国产精品无码久久久蜜芽 | 国产麻豆精品原创| 精品高潮呻吟99av无码视频| 2022国产成人精品福利网站| 亚洲精品国产福利在线观看| 国产在线精品观看免费观看| 久久精品成人免费国产片小草| 国产高清精品在线| 久久激情亚洲精品无码?V| 久久久精品无码专区不卡| 久久精品?ⅴ无码中文字幕| a级亚洲片精品久久久久久久| 国产午夜精品久久久久九九|