Vue3 使用字节开源图标库

官网地址

https://iconpark.oceanengine.com

安装

通过npm安装

npm install @icon-park/vue-next --save-dev

安装所需依赖

babel-plugin-import

npm install babel-plugin-import

使用

以购物车图标为例
先去官网搜索cart
找到对应图标选择 复制Vue代码
cart 对应
引入对应组件即可

<template>
<shopping-cart-one></shopping-cart-one>
</template>
<script>
    # 导入购物车图标组件
    import {ShoppingCartOne} from "@icon-park/vue-next"

    export default {
        name: "CommonHeader",
        # 使用购物车图标组件
        components: {ShoppingCartOne},
    }
</script>