yb-symbol-icon是iconfont 官网 (opens new window)下载的 Symbol 类型的图标的渲染容器

yb-components不会内置提供任何多色图标，如需使用，请到 iconfont 官网 (opens new window)收集，例如：

将收集好的多色图标，下载到本地后，在项目中只需加载 iconfont.js 再使用yb-symbol-icon即可

基本使用

每个多色图标都有对应的编码，使用的时候以"#"开头，支持 font-size 调整大小

<template>
    <div>
        <yb-symbol-icon class="my-icon-item" icon="#yibao-wenhao" />
        <yb-symbol-icon class="my-icon-item" icon="#yibao-niu" />
        <yb-symbol-icon class="my-icon-item" icon="#yibao-bug" />
        <yb-symbol-icon
            class="my-icon-item"
            icon="#yibao-aixin"
            style="font-size:30px"
        />
        <yb-symbol-icon
            class="my-icon-item"
            icon="#yibao-erji"
            style="font-size:40px;"
        />
        <yb-symbol-icon
            class="my-icon-item"
            icon="#yibao-anquan"
            style="font-size:50px;"
        />
    </div>
</template>
<script>
    export default {
        data() {
            return {};
        },
    };
</script>
<style>
    .my-icon-item{
        margin-right:8px;
    }
</style>

显示 复制 复制

Props

参数	说明	类型	可选值	默认值
icon	以"#"开头的 symbol 编码	string	--	--