change sync to loading
This commit is contained in:
parent
325243d30a
commit
9f45c24f2e
5 changed files with 36 additions and 46 deletions
|
@ -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"
|
||||
|
|
|
@ -17,7 +17,7 @@ const iconTypes = {
|
|||
'success': 'ios-checkmark-circle',
|
||||
'warning': 'ios-alert',
|
||||
'error': 'ios-close-circle',
|
||||
'loading': 'ios-sync'
|
||||
'loading': 'loading'
|
||||
};
|
||||
|
||||
function getMessageInstance () {
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue