洞察探索如何利用兼容微信生态的小程序容器，实现跨平台开发，助力金融和车联网行业的数字化转型。
368
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小时内删除侵权内容。
相关文章
发表评论
最近发表
- 洞察探索如何利用兼容微信生态的小程序容器，实现跨平台开发，助力金融和车联网行业的数字化转型。
- 洞察企业如何通过FinClip提升跨平台小程序加载效率，适应多样化市场需求
- 洞察提升小程序标签管理，实现高效的金融行业数字化转型
- 洞察如何通过ios app灵活实现微信小程序的跨平台管理
- 洞察如何利用第三方app跳转到微信小程序提升企业运营效率
- 洞察探索小程序支付功能实现的最佳策略，如何通过FinClip技术简化支付流程并提升用户体验，助力企业数字化转型
- 洞察探索如何利用 FinClip 提供的跨平台小程序技术，实现高效的支付管理与合规运营
- 如何借助FinClip提升App小程序支付的敏捷性和合规性？
- 在数字化转型中，企业如何通过小程序支付提升客户体验和运营效率？
- 小程序开发设计在提升企业数字化转型效率中的关键作用
推荐文章
热评文章
暂时没有评论，来抢沙发吧~