zoukankan      html  css  js  c++  java
  • awesome : vue-awesome 按需引入

    其实挺简单的,被文档带到沟里去了。

    main.js:

    首先讲一下全部引入,很简单。

    import 'vue-awesome/icons'
    import Icon from 'vue-awesome/components/Icon'
    Vue.component('v-icon', Icon)

    然后按需引入的话,把引入的文件换成需要的几个文件就行。

    import 'vue-awesome/icons/brands/weixin'
    import 'vue-awesome/icons/brands/weibo'
    import 'vue-awesome/icons/brands/telegram'
    import 'vue-awesome/icons/brands/twitter'
    import 'vue-awesome/icons/brands/medium'
    import 'vue-awesome/icons/brands/github'
    import 'vue-awesome/icons/envelope'
    import Icon from 'vue-awesome/components/Icon'
    Vue.component('v-icon', Icon)

    在组件或者页面里使用:

    <a href="https://twitter.com/damian_q" target="_blank" class="icon-unit">
         <v-icon name="brands/twitter" scale="1.6"/>
    </a>
  • 相关阅读:
    springboot模板
    springboot入门
    java自定义注解
    git集成idea
    git的搭建和使用
    Shiro授权
    shiro认证
    shiro入门
    springmvc文件上传
    springmvc入门
  • 原文地址:https://www.cnblogs.com/foxcharon/p/9719123.html
Copyright © 2011-2022 走看看