xzs-mysql/source/wx/xzs-student/component/iView/modal/index.wxml
2020-07-16 14:12:31 +08:00

40 lines
2.3 KiB
Plaintext

<view class="i-modal-mask i-class-mask {{ visible ? 'i-modal-mask-show' : '' }}"></view>
<view class="i-class i-modal {{ visible ? 'i-modal-show' : '' }}">
<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" bind:click="handleClickCancel">{{ cancelText }}</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" bind:click="handleClickOk">{{ okText }}</i-button>
</i-grid-item>
</i-grid>
</view>
</view>
</view>
</view>
<template name="button">
<i-button long type="ghost" data-index="{{ index }}" bind: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 : '' }}">{{ item.name }}</view>
</i-button>
</template>