<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久久成人国产精品免费 | 久久久精品国产亚洲成人满18免费网站| 精品国产日韩亚洲一区在线| 精品久久久久久蜜臂a∨| 99re热这里只有精品| 久久精品国产亚洲av麻豆| 日韩精品无码一区二区三区AV | 久久精品国产91久久麻豆自制| 亚洲国产成人精品无码久久久久久综合| 尤物精品视频一区二区三区| 国产日韩精品在线| 国产精品久久99| 精品麻豆丝袜高跟鞋AV| 久久久久人妻一区精品性色av| 久久96精品国产| 久久久久女人精品毛片九一| 免费91麻豆精品国产自产在线观看| 日韩精品无码一区二区三区四区| 精品久久久久中文字| 国产精品1024在线永久免费| 一级做a爰黑人又硬又粗免费看51社区国产精品视 | 日韩精品国产一区| 色婷婷99综合久久久精品| 精品亚洲国产成人av| 亚洲国产精品成人AV在线| 国产手机精品一区二区| 国产精品自在自线视频| 亚洲精品无码专区| 国产精品视频在线观看| 日本精品在线观看视频| 国产精品久久香蕉免费播放 | 国产香蕉国产精品偷在线|