微信小程序中自定义模态对话框的实例详解

发布日期： 2017-09-12 阅读量： 作者： 网络

这篇文章主要为大家详细介绍了微信小程序自定义模态对话框实例的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。

wx.showModal(OBJECT)
自定义
模态对话框

涉及文件

界面 wxml
样式 wxcss
事件及方法 js

效果图

界面代码 .wxml

<button>弹窗</button>

<!--弹窗-->
<view></view><view>
 <view>添加数量</view>
 <view>
 <view>
  <input>
 </view>
 </view>
 <view>
 <view>取消</view>
 <view>确定</view>
 </view></view>

# 对话框 # 小程序 # 自定义

微信小程序中自定义模态对话框的实例详解

随便看看