@sanqi377/arco-vue-icon-picker
v1.0.7
Published
一键选择 Arco 库中的 icon 图标
Downloads
66
Readme
Arco vue icon picker
文档地址:点此直达
快速选择 icon
| 参数 | 说明 | |------|---------| | icon | icon 代码 |
组件引用实例
<template>
<div style="width: 500px; margin: 0 auto; margin-top: 100px">
<icon-picker v-model:icon="icon">
<template #iconSelect>
<Input v-model="icon">
<template #prefix>
<IconApps />
</template>
</Input>
</template>
</icon-picker>
</div>
</template>
<script lang="ts">
import { Input } from '@arco-design/web-vue';
import { IconApps } from '@arco-design/web-vue/es/icon';
// eslint-disable-next-line import/no-unresolved
import IconPicker from '@sanqi377/arco-vue-icon-picker';
export default {
name: 'BasicDemo',
components: {
IconPicker,
Input,
IconApps,
},
data() {
return {
icon: '',
};
},
};
</script>