46 lines
908 B
JavaScript
46 lines
908 B
JavaScript
Component({
|
||
options: {
|
||
// 允许外部样式影响组件
|
||
styleIsolation: 'apply-shared'
|
||
},
|
||
|
||
properties: {
|
||
name: {
|
||
type: String,
|
||
value: '',
|
||
required: true
|
||
},
|
||
size: {
|
||
type: String,
|
||
value: ''
|
||
},
|
||
index: {
|
||
type: Number,
|
||
value: 0
|
||
},
|
||
extClass: {
|
||
type: String,
|
||
value: ''
|
||
}
|
||
},
|
||
|
||
observers: {
|
||
// 自动补全单位（数字默认加rpx）
|
||
'size': function(val) {
|
||
if (!val) return
|
||
this.setData({
|
||
formattedSize: /\d$/.test(val) ? `${val}rpx` : val
|
||
})
|
||
}
|
||
},
|
||
|
||
data: {
|
||
formattedSize: ''
|
||
},
|
||
|
||
methods: {
|
||
handleClick() {
|
||
this.triggerEvent('click', { index: this.properties.index })
|
||
}
|
||
}
|
||
}) |