Vue3使用字节跳动iconPark图库

Jsky
2022-05-17 14:45:41
前端
Vue Vue3

Vue3中使用字节跳动iconPark图库

1.安装iconPark
yarn
yarn add @icon-park/vue-next --save
npm
npm install @icon-park/vue-next --save

2.main.js中引入css
import '@icon-park/vue-next/styles/index.css';

3.在页面中使用

<template>
  <doc-search-two theme="multi-color" size="24" :fill="['#333' ,'#2F88FF' ,'#FFF' ,'#43CCF8']" strokeLinecap="butt"/>
  <home theme="outline" size="24" fill="#333"/>
</template>
<script>
  import {DocSearchTwo,Home} from '@icon-park/vue-next';
  export default {
    name:'app',
    components: {
      DocSearchTwo,
      Home
    },    
  };
</script>

本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link