微信小程序-底部弹出框

微信小程序-底部弹出框案例如下：

<view class="dialog" wx:if="{{isShow}}">
  <view aria-label="关闭" role="button" aria-role="button" bindtap="close" data-type="tap" data-type="tap" class="weui-mask weui-animate-fade-in"></view>
  <view class="weui-half-screen-dialog">
    <view class="weui-half-screen-dialog__hd flex controlExcution justifyBetween">
      <text catch:tap="executeClose">取消</text>
      <view class="weui-half-screen-dialog__hd__title">标题</view>
      <text catch:tap="executionConfirm">确定</text>
    </view>
    <view class="weui-half-screen-dialog__bd">
      内容
    </view>
  </view>
</view>


.justifyBetween {
    justify-content: space-between;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

text {
    color: #5ea8f5;
    font-size: 28rpx;
}