字节跳动图标库（iconpark）在vue中的使用

鱼空

于 2023-04-06 15:38:49 发布

阅读量1.3k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_69502730/article/details/129990870

版权

官网：ByteDance IconPar

下载

npm install @icon-park/vue --save

按需引入（在页面引入）

import { Aiming, Whale, Bat } from '@icon-park/vue'

示例

注意：components:{首字母大写}

<template>
    <div class="about">
        <aiming theme="outline" size="28" fill="#333" :strokeWidth="2" />
        <bat theme="two-tone" size="24" :fill="['#ff468c', '#ffb8d3']" :strokeWidth="3" />
        <whale theme="two-tone" size="24" :fill="['#ff468c', '#ffb8d3']" :strokeWidth="3" />
    </div>
</template>
<script>
import { Aiming, Whale, Bat } from '@icon-park/vue'
export default {
    components: {
        Aiming, Whale, Bat
    },
}
</script>

效果