yd_qycpfb/jp-mobile/uni_modules/m-multiple-picker

m-multiple-picker

参数设置：

// 取消按钮自定义

#####cancelBtn: {type: Object,default: {text: '取消',color: '#666666',fontSize: '32rpx'}}, #####// 确定按钮自定义 #####confirmBtn: {type: Object,default: {text: '确定',color: '#2f77f1',fontSize: '32rpx'}}, #####// picker标题 #####pickerTitle: {type: Object,default: {text: '雷达图像',color: '#101010',fontSize: '32rpx'}}, #####// key和value字段映射 #####mapKeys: {type: [Object],default: {label: 'label',value: 'value'}}, #####// 是否允许点击mask关闭 #####maskClick: {type: Boolean,default: true}, #####// 数据 #####dataList: {type: Array,default: () => []}, #####// 默认选中 #####checkedVals: {type: Array,default: () => []}, #####// 无数据显示文案 #####emptyText: {type: String,default: '暂无数据'}, #####// 设置选项的对齐方式 #####textAlign: {type: String,default: 'center'}, #####// 设置picker 单选single 多选multiple，默认多选 #####selectType: {type: String,default: 'multiple'}, #####//S 搜索框设置 #####// 是否开启搜索框 默认关闭 #####openSearch:{type: Boolean,default: false}, #####// 图标大小 #####searchIconSize: {type: String,default: '16'}, #####// 图标颜色 #####searchIconColor: {type: String,default: '#666666'}, #####// input输入字体大小 #####searchFontsize: {type: String,default: '24rpx'}, #####// input输入字体颜色 #####searchColor: {type: String,default: '#333333'}, #####// 占位符 #####searchPlaceholder: {type: String,default: '请输入'} #####//E 搜索框设置

使用示例

<m-multiple-picker

ref="multiplePicker"

:pickerTitle="{text: '雷达图像',color:'#101010',fontSize:'32rpx'}"

:cancelBtn="{text: '取消',color:'#666666',fontSize:'32rpx'}"

:confirmBtn="{text: '确定',color:'#2f77f1',fontSize:'32rpx'}"

:mapKeys="{ label: 'radarName', value: 'radarId' }"

searchPlaceholder="筛选雷达名称"

:openSearch="true"

textAlign="right"

:dataList="radarOverlyingList"

:checkedVals="radarOverVals"

@mulConfirm="multipleConfirm"

>