手册版本 V5.0
组件介绍
可选列表可以配置单选、多选，能够配置图标，可以灵活地应用于开发过程中的选择场景。
组件名称
gui-select-list : /graceUI/组件目录/gui-select-list
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| items | Array | [] | 选项数组，格式见演示代码 |
| type | String | '' | radio 单选, checkbox 多选 |
| checkedType | String | right | right - 右侧对钩形式 [ 适合单选 ]，ring - 左侧圆环形式 [ 适合多选 ] |
| isBorder | Boolean | true | 是否展示下边框 |
| borderColor | String | #F6F6F6 | 边框线条颜色 |
| maxSize | Number | 0 | 多选时最多选择数，0 代表不限制 |
组件事件
@change : 选中项改变时触发，携带数据已选择数据索引值（多选时为一个索引数组）。
皮肤样式
您可以通过修改对应的皮肤样式，来进一步修改组件的颜色、尺寸等 :
/* *** 可选列表样式 */
/* 左侧选择圆环 */
.gui-select-list-ring{font-size:32rpx; font-weight:bold;}
/* 图片样式 */
.gui-select-list-img{width:66rpx; height:66rpx; border-radius:60rpx; margin-right:28rpx;}
/* 标题样式 */
.gui-select-list-title{font-size:28rpx; line-height:50rpx; color:#2B2E3D;}
/* 描述小文本 */
.gui-select-list-desc{font-size:22rpx; color:#828282; line-height:33rpx;}
/* 选中图标 */
.gui-select-list-icon{width:60rpx; line-height:60rpx; font-size:36rpx; text-align:center; color:rgba(69, 90, 100, 0.3);}
/* 选中颜色 */
.gui-select-list-current{color:#2B2E3D;}
/* 分段器样式 *** */组件函数
getSelectedIndex 2021-03-01 新增 :
获取组件内部数据中已选中数据的索引，返回数组形式的索引数据，默认为 []，也可以使用返回值长度判断选中数据数量；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
