NwIconPick 图标选择

基于阿里图标库，选择已有图标。

页面展示

示例代码

<template>
    <NwIconPick v-model:value="data!.icon" @update:value="updateValue" />
</template>

<script setup lang="ts">
    // 组件引入
    import {NwIconPick} from '@platform-lib/base'
    const data = ref({});
    
    // 图标选择事件
    const updateValue = (d:string) =>{
        console.log(d,'--=-=-d-=-==--=')
    }
</script>

代码说明

图标来源------阿里图标地址
size 尺寸------可随意改变图标大小

NwlconPick Props 属性

参数	说明	类型	默认值	必填
value	对应图标库name,支持v-model双向绑定	String	图标库中已有图标name属性	Y
size	图标大小	String\\|Number	32	N

NwlconPick Events 属性

事件	参数	描述
update:value		选中之后的回调，返回选中的值

Last modified: 20 一月 2025