update Transfer icons
This commit is contained in:
parent
99f6640559
commit
a61acfdcb7
4 changed files with 38 additions and 19 deletions
|
@ -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>
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
},
|
||||
computed: {
|
||||
icon () {
|
||||
return this.query === '' ? 'ios-search' : 'ios-close';
|
||||
return this.query === '' ? 'ios-search' : 'ios-close-circle';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -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);
|
Loading…
Add table
Add a link
Reference in a new issue