update Select Icons

This commit is contained in:
梁灏 2018-06-25 13:16:06 +08:00
parent 021bbec2c3
commit 9eba26feaa
5 changed files with 7 additions and 8 deletions

View file

@ -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>

View file

@ -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: {

View file

@ -249,7 +249,7 @@
.ivu-icon();
//float: right;
font-size: 24px;
content: '\F3FD';
content: '\F3FF';
color: @selected-color;
position: absolute;
top: 2px;

View file

@ -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;

View file

@ -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);
}
}