H5头像

简介

H5端头像,用于展示用户头像。

image

属性配置

头像组件属性由以下部分组成:

分类

基础属性

示例

说明

基础属性

头像类型

image

头像组件可配置头像类型,共有“图标”、“文本”、“图片”三种类型。

头像图标类型

image

头像组件的头像类型为“图标”时,需要配置头像图标类型,可选图标种类与“图标”组件相同,默认为“账户图标”。

样式

尺寸

image.png

头像组件可配置“大”、“中”、“小”三种尺寸。

形状

image

头像组件可配置“圆形”、“方形”两种形状。

间距

image.png

头像组件间距属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

背景颜色

image.png

头像组件的头像类型不为“图片”时,可配置背景颜色,默认为蓝色。

颜色

image

头像组件的头像类型不为“图片”时,可配置颜色,默认为白色。

数据

展示文字

image

模板:image.png

  • 头像组件的头像类型为“文字”时,需要配置“展示文字”,头像组件至多展示前两个字符。展示文字可以为静态文本也可以动态绑定一个基础数据类型属性。关于此部分属性的更多信息,请参见数据

  • 除此之外,展示文字也支持填写静态文本与动态表达式混写的模板字符串。关于此部分表达式的更多信息,请参见表达式

图片

image

头像组件的头像类型为“图片”时,需要配置图片,可配置静态图片,也可以动态绑定一个图片类型的字段。关于此部分属性的更多信息,请参见数据

事件

点击事件

image

头像组件配置了点击事件,在头像被点击时触发。

关于此部分属性的更多信息,请参见事件

可见性

条件可见性

image.png

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

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