百度小程序cascade属性一览 百度小程序多级选择组件属性介绍

  下面是百度小程序cascade属性一览 ,多级选择组件,为设计者提供级联选择功能,默认为三级。比如:省/市/区。该组件包括左侧标签栏,以及右侧多个 picker(从底部弹起的滚动选择器)。支持配置左侧标签宽度,并提供自定义样式,可供设计者进行定制。今天我们就一起来看看百度小程序多级选择组件属性介绍。

百度小程序cascade属性一览 百度小程序多级选择组件属性介绍

  百度小程序cascade属性一览 百度小程序多级选择组件属性介绍

  属性说明

属性名 类型 必填 默认值 说明

range

Array

 

多级 picker 的内容数组,需要传入二维数组,格式为[[],[],[]]

range-key

String

 

当 range 中的一维数组为[{ range-key : value }]时, range-key 对应的 value 为选择器显示的内容

label-width

String

4em

左侧文字宽度,须包含单位,例如 em 、 px 、 rpx 、 vw 、 vh ... 默认为 4 字宽度 4em ( 72px ),6 字宽度为 6em ,建议用 em,可以适配

label

String

 

左侧文字描述

placeholder

Array

[]

picker 没值时默认显示

value

Array

[]

picker 选中时的数组下标

change-label-color

Boolean

false

是否需要更改组件左侧标签的颜色

label-color

String

#c40311

change-lable-color 为 true 时的颜色值

disabled

Boolean

false

未选择第一/二级 picker ,而直接选择其余 picker 时,是否展示禁用

tips

Array

[]

未按顺序选择第一、二、三级 picker 时,分别弹出tips[0]、tips[1]的提示

noborder

Boolean

false

整个组件外侧是否有下边框线

change

EventHandle

 

每一级 picker 选择时,触发 change 事件

cascade-picker

String

 

级联组件的外部样式类,可用于修改组件最外层样式

cascade-label

String

 

级联组件的外部样式类,可用于修改组件左侧标签样式

cascade-content

String

 

级联组件的外部样式类,可用于修改组件右侧单行 picker 的样式

cascade-picker-content

String

 

级联组件的外部样式类,可用于修改 picker 内容展示样式