更新记录

1.0.8（2024-01-08）

调整更新nvue中包提示问题

1.0.7（2024-01-03）

更新在h5和微信小程序端的滚动适配

1.0.6（2024-01-03）

更新适配h5和小程序

平台兼容性

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"

>