drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

optimize Input validate icon

Browse source
This commit is contained in:
梁灏 2017-04-01 12:08:08 +08:00
parent 8fbc8c7191
commit ef0901312b
4 changed files with 82 additions and 346 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/input/input.vue
View file

@ -2,7 +2,7 @@
<div :class="wrapClasses">
<template v-if="type !== 'textarea'">
<div :class="[prefixCls + '-group-prepend']" v-if="prepend" v-show="slotReady" ref="prepend"><slot name="prepend"></slot></div>
<i class="ivu-icon" :class="['ivu-icon-' + icon, prefixCls + '-icon']" v-if="icon" @click="handleIconClick"></i>
<i class="ivu-icon" :class="['ivu-icon-' + icon, prefixCls + '-icon', prefixCls + '-icon-normal']" v-if="icon" @click="handleIconClick"></i>
<transition name="fade">
<i class="ivu-icon ivu-icon-load-c ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
</transition>

5
src/styles/components/input.less
View file

@ -23,7 +23,7 @@
display: none;
}
&-icon + &{
&-icon-normal + &{
padding-right: 32px;
}
@ -72,5 +72,8 @@
&-icon-validate{
display: inline-block;
}
&-icon + .@{input-prefix-cls}{
padding-right: 32px;
}
}
}