小程式 modal 彈出鍵盤後 彈框上移
阿新 • • 發佈:2018-12-10
<modal hidden="{{email}}" class='modal' title="請輸入郵箱地址" confirm-text="提交" cancel-text="取消" bindcancel="cancel" bindconfirm="confirm">
<input hidden="{{email}}" style='margin:20rpx auto' type='text' placeholder="請輸入郵箱地址" bindinput='email_value' value='{{email_value}}' cursor-spacing='{{space}}' focus='{{focusValue}}' />
</modal>
sendEmail: function () {
this.setData({
email: false, //是否彈出彈框
focusValue: true, //是否自動獲取焦點
space:130 //上移的高度,單位(px)
})
},
cancel: function () {
this.setData({
email: true,
focusValue:false
})
},
email_value: function (e) {
this.setData({
email_value: e.detail.value //繫結的輸入框值
})
},
//提交郵箱
confirm: function () { //提交的業務邏輯