参数
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| icon |
icon名称 |
stirng |
—— |
—— |
| iconColor |
icon颜色 |
stirng |
—— |
#2B3852 |
| iconSize |
icon尺寸 |
number |
—— |
24 |
| minWidth |
点击区域大小 |
number |
—— |
—— |
| minHeight |
点击区域大小 |
number |
—— |
—— |
Events
| 事件名称 |
说明 |
回调参数 |
| click |
点击发生的回调 |
icon 名称 |
目前支持的 icon
| icon |
icon 名称 |
icon |
icon 名称 |
| icon-phone |
电话 |
icon-up |
上拉箭头 |
| icon-left |
左箭头 |
icon-right |
右箭头 |
| icon-bottom |
下拉箭头 |
icon-erweima |
二维码 |
| icon-lanya |
蓝牙 |
icon-caidan |
菜单 |
| icon-moshi |
模式 |
icon-kaishi |
开始 |
| icon-zhaopian |
照片 |
icon-shoucang |
收藏 |
| icon-qiehuanyonghu |
切换 |
icon-lianxiwomen |
联系我们 |
| icon-dizhi |
地址 |
icon-shouye |
首页 |
| icon-wode |
我的 |
icon-bianji |
编辑 |
| icon-sousuo |
搜索 |
icon-set |
设置 |
| icon-loading |
天猫精灵 |
icon-tishiicon |
提示 |
| icon-daojishi |
倒计时 |
icon-dingshiicon |
定时 |
| icon-success |
正确 |
icon-error |
错误 |
| icon-Comfortable |
叶子 |
icon-Sleep |
睡眠 |
| icon-Silent |
静音 |
icon-cloud |
视频 |
| icon-gallery |
图像 |
icon-Cold |
寒冷 |
| icon-card |
播放 |
icon-oldmans |
老男人 |
| icon-D |
正方体 |
icon-storm |
暴风 |
| icon-Dehumidifying |
水滴 |
icon-Recirculating |
环形风 |
| icon-Intelligent |
电灯 |
icon-natural |
山丘 |
| icon-Warm1 |
暖阳 |
icon-switch |
关闭 |
| icon-timing |
时钟 |
icon-Normal |
水波 |
| icon-Infantile |
奶瓶 |
icon-deng |
灯 |
| icon-shengyin |
声音 |
icon-check |
打勾 |
代码示例
<template>
<div>
<icon icon="icon-phone"></icon>
<icon icon="icon-daojishi"></icon>
</div>
</template>
<script>
import { Icon } from 'genie-ui'
export default {
components: {
Icon
}
}
FAQ
关于此文档暂时还没有FAQ