第微信小程序實現彈出框提交信息本文實例為大家分享了微信小程序實現彈出框提交信息的具體代碼，供大家參考，具體內容如下

viewbindtap="toolNo"

imagesrc="../../images/idx4.png"mode="aspectFit"/image

view出租信息/view

/view

viewwx:if="{{showModalStatus}}"bindtap="colse"/view

viewwx:if="{{showModalStatus}}"

imagesrc="../../images/close.png"bindtap="colse"/image

view該功能尚未開發，請留下您的需求，我們會盡快處理/view

view

inputtype="number"name="mobile"placeholder="請獲取"value="{{mobile}}"

placeholder-disabled="true"/

buttonopen-type="getPhoneNumber"wx:if="{{isSHow}}"

bindgetphonenumber="getPhoneNumber"獲取手機號/button

/view

view

textareabindinput="bindinput"placeholder="請輸入建議反饋"

placeholder-/

/view

viewbindtap="submit"確認/view

/view

data:{

showModalStatus:false,

toolNo:utils.throttle(function(){

this.setData({

showModalStatus:true

})

}),

//關閉彈窗

colse(){

this.setData({

showModalStatus:false,

})

},

.mask{

width:100%;

height:100%;

position:fixed;

top:0;

left:0;

z-index:1000;

background:#fff;

opacity:0.8;

overflow:hidden;

.drawerBox{

width:630rpx;

height:auto;

line-height:40rpx;

border-radius:20rpx;

text-align:center;

box-shadow:0px0px20px0pxrgba(0,0,0,0.4);

padding:40rpx;

box-sizing:border-box;

margin-left:60rpx;

position:fixed;

top:28%;

left:0;

z-index:1001;

background-color:#fff;

.close{

width:42rpx;

height:42rpx;

float:right;

overflow:hidden;

.tits{

font-size:16px;

text-align:center;

font-weight:bold;

width:100%;

overflow:hidden;

margin:60rpx040rpx0;

line-height:50rpx;

.phonebox{

margin-bottom:40rpx;

display:flex;

align-items:center;

.inputA{

width:550rpx;

height:92rpx;

line-height:92rpx;

border-radius:60rpx;

background-color:rgba(255,255,255,100);

text-align:left;

border:1pxsolidrgba(230,230,230,100);

.getphone{

width:200rpx;

height:68rpx;

line-height:68rpx;

border-radius:60rpx;

background-color:rgba(156,148,171,100);

color:rgba(255,255,255,100);

font-size:14px;

text-align:center;

margin-left:-220rpx;

margin-top:20rpx;

z-index:999;

.area{

width:550rpx;

line-height:40rpx;

border-radius:40rpx;

height:320rpx;

border:1pxsolidrgba(230,230,230,100);

text-align:left;

padding:30rpx;

box-sizing:border-box;

margin-bottom:40rpx;

textarea{

width:100%;

text-align:left;

line-height:40rpx;

font-size:14px;

.btn{

width:550rpx;

margin-bottom:0;

height:80rpx;

line-height:80rpx;

border-radius:30rpx;

background-color:#200E32;

color:rgba(255,255,255,100);

font-siz