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>
posted on 2018-09-28 15:52 fox_charon 阅读(827) 评论(0) 编辑 收藏 举报