<view class="i-modal-mask i-class-mask {{ visible ? 'i-modal-mask-show' : '' }}"></view>
<view class="i-class i-modal {{ visible ? 'i-modal-show' : '' }}"  bindtap="handleClickCancel">
    <view class="i-modal-main">
        <view class="i-modal-content">
            <view class="i-modal-title" wx:if="{{ title }}">{{ title }}</view>
            <view class="i-modal-body"><slot></slot></view>
            <view class="i-modal-actions" wx:if="{{ actions.length }}">
                <block wx:if="{{ actionMode === 'horizontal' }}">
                    <i-grid i-class="i-modal-grid">
                        <i-grid-item i-class="{{ actions.length === (index + 1) ? 'i-modal-grid-item-last' : 'i-modal-grid-item' }}" wx:for="{{ actions }}" wx:key="{{ item.name }}">
                            <template is="button" data="{{ item, index }}"></template>
                        </i-grid-item>
                    </i-grid>
                </block>
                <block wx:else>
                    <view class="i-modal-action-vertical" wx:for="{{ actions }}" wx:key="{{ item.name }}">
                        <template is="button" data="{{ item, index }}"></template>
                    </view>
                </block>
            </view>
            <view class="i-modal-actions" wx:else>
                <i-grid i-class="i-modal-grid" wx:if="{{ showOk || showCancel }}">
                    <i-grid-item i-class="i-modal-grid-item" wx:if="{{ showCancel }}">
                        <i-button i-class="i-modal-btn-cancel" long type="ghost" catch:click="handleClickCancel"> <text style="color:{{cancelColor}}">{{ cancelText }}</text> </i-button>
                    </i-grid-item>
                    <i-grid-item i-class="i-modal-grid-item-last" wx:if="{{ showOk }}">
                        <i-button i-class="i-modal-btn-ok" long type="ghost" catch:click="handleClickOk"><text style="color:{{okColor}}">{{ okText }}</text></i-button>
                    </i-grid-item>
                </i-grid>
            </view>
        </view>
    </view>
</view>
<template name="button">
    <i-button long type="ghost" data-index="{{ index }}" catch:click="handleClickItem">
        <view class="i-modal-btn-loading" wx:if="{{ item.loading }}"></view>
        <i-icon wx:if="{{ item.icon }}" type="{{ item.icon }}" i-class="i-modal-btn-icon"></i-icon>
        <view class="i-modal-btn-text" style="{{ item.color ? 'color: ' + item.color : '' }};font-weight:{{item.fontWeight?item.fontWeight:''}}">{{ item.name }}</view>
    </i-button>
</template>