You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.8 KiB
75 lines
1.8 KiB
Component({
|
|
/**
|
|
* 组件样式隔离
|
|
*/
|
|
options: {
|
|
addGlobalClass: true,
|
|
multipleSlots: true // 支持多个slot
|
|
},
|
|
properties: {
|
|
value: {
|
|
type: String,
|
|
value: null
|
|
},
|
|
placeholder: {
|
|
type: String,
|
|
value: ''
|
|
}
|
|
},
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
editing: false,
|
|
scroll_top: 0,
|
|
top: 0,
|
|
},
|
|
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
onEdit: function(e) {
|
|
this.setData({ editing: true })
|
|
if (this.data.scroll_top > 0 || Number(e.detail.height) <= 0) {
|
|
return;
|
|
}
|
|
if(this.data.top > 0){
|
|
that.triggerEvent('focus', that.data.top)
|
|
return
|
|
}
|
|
const res = wx.getSystemInfoSync();
|
|
let windowHeight = res.windowHeight;
|
|
let keybordHeight = e.detail.height;
|
|
const query = wx.createSelectorQuery();
|
|
query.select('#' + e.currentTarget.id).boundingClientRect();
|
|
query.selectViewport().scrollOffset();
|
|
var that = this;
|
|
query.exec(function(res) {
|
|
if (!res[0]) {
|
|
that.data.scroll_top = 0
|
|
that.triggerEvent('focus', 0)
|
|
return;
|
|
}
|
|
let bottom = res[0].bottom;
|
|
if ((windowHeight - keybordHeight) < (bottom + 20)) {
|
|
that.data.scroll_top = bottom + 80 - windowHeight - keybordHeight
|
|
that.data.top = that.data.scroll_top
|
|
that.triggerEvent('focus', that.data.scroll_top)
|
|
} else {
|
|
that.triggerEvent('focus', 0)
|
|
that.data.scroll_top = 0
|
|
}
|
|
})
|
|
},
|
|
onBlur: function(e) {
|
|
this.setData({ editing: false })
|
|
this.data.scroll_top = 0
|
|
this.triggerEvent('focus', 0)
|
|
},
|
|
bindInput: function(e) {
|
|
this.setData({ value: e.detail.value })
|
|
this.triggerEvent('change', this.data.value)
|
|
}
|
|
}
|
|
})
|