徽标

更新时间: 2023-05-10 18:05:45

简介

徽标是一种带有特定短语内容的通用按钮,可以使用它来设置按钮以达到某种样式意图。

image

属性配置

徽标组件属性由以下部分组成:

分类

基础属性

示例

说明

基础属性

按钮文字

image

通过按钮文字属性定义,可以设置显示在徽标组件上的文本。按钮文字为静态文字,具体请参数据

样式

按钮类型

image

详情请参见按钮类型

按钮尺寸

详情请参见按钮尺寸

间距、圆角

image..png

徽标组件间距以及圆角样式属于页面组件通用属性,有关此部分属性的更多信息,请参见样式

数据

绑定实体字段

放置到绑定数据表的DATA数据容器中

image

徽标组件需要配置数据源来展示右上角的数字。通常将其绑定数据实体的一个字段,字段类型需为 integerlongbooleantextchar中的一种。有关此部分属性的更多信息,请参见数据

事件

点击事件

徽标组件配置了点击事件,在被点击时触发。有关此部分属性的更多信息,请参见事件

可见性

条件可见性

可见性确定徽标组件是否作为页面的一部分最终显示给用户。

有关此部分属性的更多信息,请参见条件可见性

按钮类型

按钮类型属性将预定义的样式应用于徽标。可选项如下:

按钮类型

示例

样式

说明

主要

imageimage

次要

imageimage

无边框

imageimage

自定义:背景颜色

image..png

默认:image..png

悬浮:image..png

按压:image..png

通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色;

自定义:边框颜色

image..png

默认:image..png

悬浮:image..png

按压:image..png

通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色;

自定义:字体颜色

image..png

默认:image..png

悬浮:image..png

按压:

image..png

通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色;

按钮尺寸

按钮尺寸属性将预定义的尺寸应用于徽标。可选项如下:

  • 小(高度24px)

  • 中(高度32px)

  • 大(高度36px)

  • 自定义

当按钮尺寸设置为“自定义”时,可以自定义设置徽标组件宽高。

image
阿里云首页 多端低代码开发平台魔笔 相关技术圈