zoukankan      html  css  js  c++  java
  • vue工程中使用iconfont在线CDN不生效的问题

    为什么在vue工程中引入iconfont有时候不生效呢?

    请依次使用以下方法

    1. 在index.html中引入在线资源

    <!DOCTYPE html>
    <html lang="en" style='height: 100%;'>
    
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width,initial-scale=1.0">
      <link rel="icon" href="<%= BASE_URL %>favicon.ico">
      <!-- 引入下面这个cdn资源 -->
      <link rel="icon" href="//at.alicdn.com/t/font_918300_q5yxfof3wjo.css">
    
      <title>vue-shop-front</title>
    </head>
    
    <body style='height: 100%;'>
      <noscript>
        <strong>We're sorry but vue-shop-front doesn't work properly without JavaScript enabled. Please enable it to
          continue.</strong>
      </noscript>
      <div id="app"></div>
      <!-- built files will be auto injected -->
    </body>
    
    </html>
    

    2. 在mainjs中使用Vue.use()引入

    Vue.use('//at.alicdn.com/t/font_918300_q5yxfof3wjo.css')
    

    3. 在App.vue中import引入(前提是你得使用了预处理器)

    <style lang="scss" scoped>
    @import url("//at.alicdn.com/t/font_918300_q5yxfof3wjo.css");
    #wrap-box {
      height: 100%;
      // height: 1000px;
    }
    </style>
    
  • 相关阅读:
    1217 实验四 递归下降语法分析程序设计
    1118实验三有限自动机的构造与识别
    11.12评论
    C语言文法
    25-陈庆祥-词法分析
    0909我的看法
    文法定义评价
    1029 语言文法
    1022 词法分析程序
    0909 随说
  • 原文地址:https://www.cnblogs.com/wenqiangit/p/10535736.html
Copyright © 2011-2022 走看看