微信小程序实现弹出框提交信息

网友投稿 332 2023-11-12

本文实例为大家分享了微信小程序实现弹出框提交信息的具体代码,供大家参考,具体内容如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<view class="navSm" bindtap="toolNo">
<image src="../../images/idx4.png" class="mavimg" mode="aspectFit"></image>
<view class="fonts1">出租信息</view>
</view>
<view class="mask" wx:if="{{showModalStatus}}" bindtap="colse"></view>
<view class="drawerBox" wx:if="{{showModalStatus}}">
<image class="close" src="../../images/close.png" bindtap="colse"></image>
<view class="tits">该功能尚未开发,请留下您的需求,我们会尽快处理</view>
<view class="phonebox">
<input class="inputA" type="number" name="mobile" placeholder="请获取" value="{{mobile}}" style="display:block;"
placeholder-class="placeholder-class" disabled="true" />
<button open-type="getPhoneNumber" wx:if="{{isSHow}}" class="getphone"
bindgetphonenumber="getPhoneNumber">获取手机号</button>
</view>
<view class="area">
<textarea bindinput="bindinput" placeholder="请输入建议反馈" style="height:320rpx"
placeholder-class="placeholder-class " />
</view>
<view class="btn btn1" bindtap="submit">确认</view>
</view>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
data: {
showModalStatus: false,
},
toolNo: utils.throttle(function () {
this.setData({
showModalStatus: true
})
}),
// 关闭弹窗
colse() {
this.setData({
showModalStatus: false,
})
},

微信小程序实现弹出框提交信息

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多

您可能感兴趣的文章:微信小程序自定义可滚动的弹出框微信小程序自定义底部弹出框功能微信小程序实现底部弹出框微信小程序自定义底部弹出框动画微信小程序商品详情页底部弹出框使用微信小程序开发弹出框应用实例详解微信小程序自定义底部弹出框微信小程序商品详情页的底部弹出框效果JS中微信小程序自定义底部弹出框微信小程序实现底部弹出框封装

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:开放银行生态是什么 - 了解银行业的未来发展趋势
下一篇:微信小程序引入外部icon(阿里巴巴矢量图标)的全过程
相关文章

 发表评论

暂时没有评论,来抢沙发吧~