4.5.5 按钮
按钮组件,可以设置显示的图标、文字、大小以及颜色等样式。图4-5-8展示了按钮的多种风格。
图4-5-8 按钮组件
1、基础属性
按钮组件提供7个基础属性:
l 显示名称,用于设置按钮上显示的文本。
l 动态文本:用于显示动态文本,动态文本包括数据集中的文本数据、根据情景显示不同的文本
l 动态禁用:设置条件控制按钮是否可用
l 开放能力:支持单击按钮,实现客服会话、分享、获取用户信息、打开APP等功能
l 客服会话参数:当开放能力设置为客服会话时有效,包括是否显示会话内消息卡片、以及设置会话内消息卡片标题、会话内消息卡片点击跳转小程序路径、会话内消息卡片图片、会话来源等参数
l 用户信息语言:当开放能力设置为获取用户信息时有效,设置获取的用户信息语言
l APP参数:当开放能力设置为打开APP时有效,设置打开APP时,给APP传的参数
2、事件
按钮组件提供3个事件:
l 单击事件:在单击按钮组件时触发
l 获取用户信息事件:开放能力设置为获取用户信息,单击按钮时出发,事件参数包括用户信息
l 打开APP失败事件:开放能力设置为打开APP,单击按钮打开APP失败时出发,
3、样式
按钮组件提供了9个特有样式:
l 预定义样式:设置按背景色,可选项为灰色、绿色和红色
l 尺寸样式:设置按钮文字大小,可选项为默认和小
l 是否镂空:设置是镂空还是填充,即按钮背景色设置为红色后,镂空显示白底红字,填充显示红底白字
l Loading:是否显示加载图标
l 图标:选择一个图标后,按钮上显示出图标
l 图标位置:设置图标相对于文字的位置,可选项为左、上、右、下
l 按钮展现形式:设置按钮只显示图标、只显示文字,或者图标文字都显示
l 形状:设置按钮形状,可选项为默认(方形)、圆形
l 边框:是否镂空样式设置为填充时,按钮有灰色边框,可以设置不显示这个边框