change sync to loading

This commit is contained in:
梁灏 2018-06-25 15:49:28 +08:00
parent 325243d30a
commit 9f45c24f2e
5 changed files with 36 additions and 46 deletions

View file

@ -5,7 +5,7 @@
<i class="ivu-icon" :class="['ivu-icon-ios-close-circle', prefixCls + '-icon', prefixCls + '-icon-clear' , prefixCls + '-icon-normal']" v-if="clearable && currentValue" @click="handleClear"></i>
<i class="ivu-icon" :class="['ivu-icon-' + icon, prefixCls + '-icon', prefixCls + '-icon-normal']" v-else-if="icon" @click="handleIconClick"></i>
<transition name="fade">
<i class="ivu-icon ivu-icon-ios-sync ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
<i class="ivu-icon ivu-icon-loading ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
</transition>
<input
:id="elementId"

View file

@ -17,7 +17,7 @@ const iconTypes = {
'success': 'ios-checkmark-circle',
'warning': 'ios-alert',
'error': 'ios-close-circle',
'loading': 'ios-sync'
'loading': 'loading'
};
function getMessageInstance () {

View file

@ -28,4 +28,22 @@
.ivu-icon {
.ivu-icon();
}
.ivu-icon-loading{
position: relative;
&::before{
content: "\F1F6";
}
&::after{
content: "";
display: block;
width: 50%;
height: 50%;
background: #fff;
position: absolute;
top: 1px;
left: 50%;
}
}