update Select Icons
This commit is contained in:
parent
021bbec2c3
commit
9eba26feaa
5 changed files with 7 additions and 8 deletions
|
@ -2,7 +2,7 @@
|
|||
<div @click="onHeaderClick">
|
||||
<div class="ivu-tag ivu-tag-checked" v-for="item in selectedMultiple">
|
||||
<span class="ivu-tag-text">{{ item.label }}</span>
|
||||
<Icon type="ios-close-empty" @click.native.stop="removeTag(item)"></Icon>
|
||||
<Icon type="ios-close" @click.native.stop="removeTag(item)"></Icon>
|
||||
</div>
|
||||
<span
|
||||
:class="singleDisplayClasses"
|
||||
|
@ -25,8 +25,8 @@
|
|||
@blur="onInputFocus"
|
||||
|
||||
ref="input">
|
||||
<Icon type="ios-close" :class="[prefixCls + '-arrow']" v-if="resetSelect" @click.native.stop="onClear"></Icon>
|
||||
<Icon type="arrow-down-b" :class="[prefixCls + '-arrow']" v-if="!resetSelect && !remote && !disabled"></Icon>
|
||||
<Icon type="ios-close-circle" :class="[prefixCls + '-arrow']" v-if="resetSelect" @click.native.stop="onClear"></Icon>
|
||||
<Icon type="ios-arrow-down" :class="[prefixCls + '-arrow']" v-if="!resetSelect && !remote && !disabled"></Icon>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
|
|
@ -71,7 +71,6 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Icon from '../icon';
|
||||
import Drop from './dropdown.vue';
|
||||
import {directive as clickOutside} from 'v-click-outside-x';
|
||||
import TransferDom from '../../directives/transfer-dom';
|
||||
|
@ -141,7 +140,7 @@
|
|||
export default {
|
||||
name: 'iSelect',
|
||||
mixins: [ Emitter, Locale ],
|
||||
components: { FunctionalOptions, Drop, Icon, SelectHead },
|
||||
components: { FunctionalOptions, Drop, SelectHead },
|
||||
directives: { clickOutside, TransferDom },
|
||||
props: {
|
||||
value: {
|
||||
|
|
|
@ -249,7 +249,7 @@
|
|||
.ivu-icon();
|
||||
//float: right;
|
||||
font-size: 24px;
|
||||
content: '\F3FD';
|
||||
content: '\F3FF';
|
||||
color: @selected-color;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
@tag-prefix-cls: ~"@{css-prefix}tag";
|
||||
@tag-close-prefix-cls: ivu-icon-ios-close-empty;
|
||||
@tag-close-prefix-cls: ivu-icon-ios-close;
|
||||
|
||||
.@{tag-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
|
||||
.@{icon-prefix-cls}-ios-close-empty {
|
||||
.@{icon-prefix-cls}-ios-close {
|
||||
.close-base(@top, @icon-font-size);
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue