update Transfer icons

This commit is contained in:
梁灏 2018-06-26 09:43:26 +08:00
parent 99f6640559
commit a61acfdcb7
4 changed files with 38 additions and 19 deletions

View file

@ -1,10 +1,10 @@
<template>
<div :class="prefixCls + '-operation'">
<i-button type="primary" size="small" :disabled="!rightActive" @click.native="moveToLeft">
<Icon type="ios-arrow-left"></Icon> {{ operations[0] }}
<Icon type="ios-arrow-back"></Icon> <span>{{ operations[0] }}</span>
</i-button>
<i-button type="primary" size="small" :disabled="!leftActive" @click.native="moveToRight">
{{ operations[1] }} <Icon type="ios-arrow-right"></Icon>
<span>{{ operations[1] }}</span> <Icon type="ios-arrow-forward"></Icon>
</i-button>
</div>
</template>

View file

@ -34,7 +34,7 @@
},
computed: {
icon () {
return this.query === '' ? 'ios-search' : 'ios-close';
return this.query === '' ? 'ios-search' : 'ios-close-circle';
}
},
methods: {

View file

@ -115,7 +115,7 @@
}
&-operation {
display: inline-block;
overflow: hidden;
//overflow: hidden;
margin: 0 16px;
vertical-align: middle;
@ -127,6 +127,13 @@
margin-bottom: 12px;
}
}
.@{btn-prefix-cls}{
span {
i, span{
vertical-align: middle;
}
}
}
}
}
.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls);