自定义组件_Dialog

了解了小程序组件之后，我们实现一个自定义组件Dialog,也就是弹出框

创建组件

xxxxxxxxxx
<view hidden="{{!isShow}}">
    <view class='wx-mask'></view>
    <view class='wx-dialog'>
        <view class='wx-dialog-title'>{{ title }}</view>
        <view class='wx-dialog-content'>{{ content }}</view>
        <view class='wx-dialog-footer'>
          <view class='wx-dialog-btn' catchtap='cancelEvent'>{{ cancelText }}</view>
          <view class='wx-dialog-btn' catchtap='confirmEvent'>{{ confirmText }}</view>
        </view>
    </view>
</view>

xxxxxxxxxx
.wx-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}


			
						
			

				  自定义组件_插槽 自定义组件_Dialog事件处理  			
			

				

	
北京市昌平区回龙观镇南店村综合商业楼2楼226室
		
©2014-2023 百战卓越（北京）科技有限公司 All Rights Reserved. 
		
京ICP备14032124号-2