1. 程式人生 > >小程式 modal 彈出鍵盤後 彈框上移

小程式 modal 彈出鍵盤後 彈框上移

<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 () {     //提交的業務邏輯