首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 内容组件

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  边框:是否镂空样式设置为填充时,按钮有灰色边框,可以设置不显示这个边框