图标

更新时间:2025-01-06 03:11:53

简介

语义化的矢量图形

image

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

图标

image

选择显示图标

开启徽标

image

是否开启徽标

徽标配置

image

数字:显示的数字。

溢出数字:显示数字大于溢出数字后显示为溢出数字+。

小红点:数字大于0时,不显示具体数字,而是显示一个红点。

显示0:设置数字为0时是否显示。

尺寸:徽标的大小。

悬浮提示

image

是否开启悬浮提示

悬浮提示配置

image

内容:悬浮提示的文字内容。

背景色:提示气泡框的背景色。

位置:气泡框显示位置。

触发方式:鼠标触发显示的方式,有悬浮和点击两种选择。

交互

隐藏

image

隐藏,详情参见通用属性

隐藏时保留布局

image

隐藏时保留布局,详情参见通用属性

样式

高度

image

设置组件高度

外边距

image

外边距,详情参见通用属性

字体大小

image

通过字体大小设置图标大小

横向对齐

image

对齐方式,有左中右三种对齐方式

CSS样式

文字颜色

image

文字颜色,详情参见通用属性

文字阴影

image

文字阴影,详情参见通用属性

边框

image

边框,详情参见通用属性

圆角

image

圆角,详情参见通用属性

内边距

image

内边距,详情参见通用属性

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

text

string

icon.text

组件的文本内容

hidden

string

icon.hidden

组件是否隐藏

clearHidden

func

icon.clearHidden()

清除组件hidden

clearText

func

icon.clearText()

清除组件text

setHidden

func

icon.setHidden(true)

设置组件是否隐藏

setText

func

icon.setText('icon')

设置组件文本内容

事件回调

配置

说明

配置

说明

image

组件的点击事件

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等