69 lines
1.2 KiB
JavaScript
69 lines
1.2 KiB
JavaScript
// 组件props
|
||
const props = {
|
||
// 当前选中的值
|
||
value: {
|
||
type: Array,
|
||
default: () => (['00', '00', '00', '00'])
|
||
},
|
||
// 标题
|
||
title: {
|
||
type: String,
|
||
default: '时间'
|
||
},
|
||
// 取消按钮文字
|
||
cancelText: {
|
||
type: String,
|
||
default: '取消'
|
||
},
|
||
// 取消按钮颜色
|
||
canceColor: {
|
||
type: String,
|
||
default: '#666666'
|
||
},
|
||
// 确定按钮文字
|
||
confirmText: {
|
||
type: String,
|
||
default: '确定'
|
||
},
|
||
// 确定按钮颜色
|
||
confirmColor: {
|
||
type: String,
|
||
default: '#2bb781'
|
||
},
|
||
// 分割符
|
||
segmentation: {
|
||
type: String,
|
||
default: '-'
|
||
},
|
||
// 设置选择器中间选中框的类名 注意页面或组件的style中写了scoped时，需要在类名前写/deep/
|
||
indicatorClass: {
|
||
type: String,
|
||
default: 'picker-view__indicator'
|
||
},
|
||
// 设置选择器中间选中框的样式
|
||
indicatorStyle: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
}
|
||
|
||
// 滚动数据
|
||
let range = [
|
||
[],
|
||
[],
|
||
[],
|
||
[]
|
||
];
|
||
for (let i = 0; i < 24; i++) {
|
||
range[0].push(i >= 10 ? String(i) : `0${i}`);
|
||
range[2].push(i >= 10 ? String(i) : `0${i}`);
|
||
}
|
||
for (let i = 0; i < 60; i++) {
|
||
range[1].push(i >= 10 ? String(i) : `0${i}`);
|
||
range[3].push(i >= 10 ? String(i) : `0${i}`);
|
||
}
|
||
|
||
export default {
|
||
props,
|
||
range
|
||
} |