文档中心 > 天猫精灵IoT开放平台

Icon 图标

更新时间:2019/07/09 访问次数:2605

参数


参数 说明 类型 可选值 默认值
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
返回
顶部