c-number-pad
Version:
uniapp项目,数字键盘,密码键盘,带删除、小数点、确认键盘
96 lines • 1.62 kB
JavaScript
export default {
// 输入的值
value: {
type: String,
default: ""
},
// 是否显示键盘
show: {
type: Boolean,
default: false
},
// 是否开启底部安全区适配
safeAreaInsetBottom: {
type: Boolean,
default: true
},
// 是否显示小数点
showPoint: {
type: Boolean,
default: true
},
// 限制小数位数,-1则无限长度,默认2
decimalPlaces: {
type: Number,
default: 2
},
// 输入的长度,0则无限长度
maxlength: {
type: Number,
default: 0
},
// 键盘层级
zIndex: {
type: Number,
default: 800
},
// 整体的字体大小
fontSize: {
type: [Number, String],
default: 32
},
// 整个键盘的背景色
boxBgColor: {
type: String,
default: "#f4f4f4"
},
// 盒子样式
boxStyle: {
type: Object,
default: () => {
return {}
}
},
// 确认键文字
confirmText: {
type: String,
default: "确认"
},
// 确认键字体颜色
confirmColor: {
type: String,
default: "#fff"
},
// 确认键背景
confirmBg: {
type: String,
default: "linear-gradient(to bottom, #ff7979, #ff0000)"
},
// 确认键样式
confirmStyle: {
type: Object,
default: () => {
return {}
}
},
// 按键背景色,0-9和小数点的背景色
keyBg: {
type: String,
default: "#fff"
},
// 删除键的背景色
delBg: {
type: String,
default: "#fff"
},
// 删除图标的颜色
delColor: {
type: String,
default: "#000"
},
// 删除图标的大小
delSize: {
type: [Number, String],
default: 60
}
}