zoukankan      html  css  js  c++  java
  • vue 使用font-awesome

    1.npm 安装font-awesome 以及需要的所有依赖 

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

    2.在入口文件main.js里面引入相关的样式

    import Vue from 'vue'
    import App from './App'
    import { library } from '@fortawesome/fontawesome-svg-core'
    import { faCoffee } from '@fortawesome/free-solid-svg-icons'
    import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
    
    library.add(faCoffee)
    
    Vue.component('font-awesome-icon', FontAwesomeIcon)
    
    Vue.config.productionTip = false
    
    /* eslint-disable no-new */
    new Vue({
      el: '#app',
      components: { App },
      template: '<App/>'
    })
    

      

      

    如此,就可以愉快的使用了。

      <div id="app">
        <font-awesome-icon icon="coffee" />
      </div>
    </template>
    
    <script>
    export default {
      name: 'App'
    }
    </script>
    

      

  • 相关阅读:
    欧拉函数
    uva10870 矩阵
    poj3233 矩阵等比数列求和 二分
    hdu4990 矩阵
    hdu4549 矩阵快速幂 + 欧拉降幂
    补矩阵的题目
    CodeForces 450B 矩阵
    hoj2662 状态压缩dp
    poj3254 状态压缩dp
    zoj2770 差分约束系统
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/10729363.html
Copyright © 2011-2022 走看看