mirror of
https://git.beihong.wang/wangbeihong/iot-bedroom-environment-controller.git
synced 2026-04-23 11:43:04 +08:00
96 lines
1.8 KiB
JavaScript
96 lines
1.8 KiB
JavaScript
Component({
|
|
options: {
|
|
virtualHost: true
|
|
},
|
|
properties: {
|
|
value: {
|
|
type: String,
|
|
value: ''
|
|
},
|
|
checked: {
|
|
type: Boolean,
|
|
value: false,
|
|
observer(newVal) {
|
|
this.setData({
|
|
val: newVal
|
|
},()=>{
|
|
this.parentChangeValue()
|
|
})
|
|
}
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
value: false
|
|
},
|
|
//checkbox选中背景颜色
|
|
color: {
|
|
type: String,
|
|
value: ''
|
|
},
|
|
//checkbox未选中时边框颜色
|
|
borderColor: {
|
|
type: String,
|
|
value: '#ccc'
|
|
},
|
|
borderRadius: {
|
|
type: String,
|
|
value: '50%'
|
|
},
|
|
//是否只展示对号，无边框背景
|
|
isCheckMark: {
|
|
type: Boolean,
|
|
value: false
|
|
},
|
|
//对号颜色
|
|
checkMarkColor: {
|
|
type: String,
|
|
value: '#fff'
|
|
},
|
|
scaleRatio: {
|
|
type: String,
|
|
optionalTypes: [Number],
|
|
value: 1
|
|
}
|
|
},
|
|
relations: {
|
|
'../fui-checkbox-group/fui-checkbox-group': {
|
|
type: 'ancestor'
|
|
},
|
|
'../fui-label/fui-label': {
|
|
type: 'ancestor'
|
|
}
|
|
},
|
|
data: {
|
|
val: false
|
|
},
|
|
lifetimes: {
|
|
attached: function () {
|
|
this.setData({
|
|
val: this.data.checked
|
|
},()=>{
|
|
this.parentChangeValue()
|
|
})
|
|
}
|
|
},
|
|
methods: {
|
|
checkboxChange(e) {
|
|
if (this.data.disabled) return;
|
|
this.setData({
|
|
val: !this.data.val
|
|
}, () => {
|
|
this.parentChangeValue()
|
|
})
|
|
},
|
|
parentChangeValue() {
|
|
const group = this.getRelationNodes('../fui-checkbox-group/fui-checkbox-group')[0]
|
|
group && group.changeValue(this.data.val, this);
|
|
this.triggerEvent('change', {
|
|
checked: this.data.val,
|
|
value: this.data.value
|
|
})
|
|
},
|
|
labelClick() {
|
|
this.checkboxChange()
|
|
}
|
|
}
|
|
}) |