普通带x模态框 ``` <view class="cu-modal {{modalName=='Modal'?'show':''}}"> <view class="cu-dialog"> <view class="cu-bar bg-white justify-end"> <view class="content">Modal标题</view> <view class="action" bindtap="hideModal"> <text class="cuIcon-close text-red"></text> </view> </view> <view class="padding-xl"> Modal 内容。 </view> </view> </view> ``` 支付多选模态框 ``` <view class="cu-modal bottom-modal {{modalName=='ChooseModal'?'show':''}}" bindtap="hideModal"> <view class="cu-dialog" catchtap> <view class="cu-bar bg-white"> <view class="action text-blue" bindtap="hideModal">取消</view> <view class="action text-green" bindtap="hideModal">确定</view> </view> <view class="grid col-3 padding-sm"> <view wx:for="{{checkbox}}" class="padding-xs" wx:key="{{index}}"> <button class="cu-btn orange lg block {{item.checked?'bg-orange':'line-orange'}}" bindtap="ChooseCheckbox" data-value="{{item.value}}"> {{item.name}} <view class="cu-tag sm round {{item.checked?'bg-white text-orange':'bg-orange'}}" wx:if="{{item.hot}}">HOT</view> </button> </view> </view> </view> </view> ```