common-icons

用法

<template>
  <div class="single-test">
    <svg-icon :name="'add-circle'" :size="32" />
    <svg-icon :sys="'common-table'" :name="'ColumnButton/add'" :size="32" />
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import SvgIcon from "@junhe/common-icons";
export default Vue.extend({
  components: { SvgIcon },
});
</script>

Props

| 属性名 | 类型 | 含义 | 默认值 | |--------|----------------|----------|-----------| | name | string | 图标名 | 必填 | | sys | string | 系统名 | "default" | | size | string, number | 图标尺寸 | 28 | | color | string | 图标颜色 | "#000" |

Demo

点击跳转

截图