微信小程序 自定义对话框实例详解

微信小程序 自定义对话框实例详解
这篇文章主要介绍了微信小程序 自定义对话框实例详解的相关资料,这里附有实例代码及实现效果图，需要的朋友可以参考下

微信小程序 自定义对话框实例详解

效果图：

index.wxml：

<button type="default" bindtap="clickbtn"> 点击 </button> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}"> <!--对话框标题--> <view class="dialog-title"> 请输入内容 </view> <!--对话框输入部分--> <view class="input-view"> <input type="text" bindblur="input_content" class="input-style"/> </view> <!--对话框按钮--> <view class="line-top"> </view> <view class="btn-view"> <view class="btn-cancel" bindtap="click_cancel"> 取 消 </view> <view class="btn-line"> </view> <view class="btn-cancel" bindtap="click_ok"> 确 定 </view> </view> </view>