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

update Select Icons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/select/select-head.vue
View file

@ -2,7 +2,7 @@
<div @click="onHeaderClick"> <div @click="onHeaderClick">
<div class="ivu-tag ivu-tag-checked" v-for="item in selectedMultiple"> <div class="ivu-tag ivu-tag-checked" v-for="item in selectedMultiple">
<span class="ivu-tag-text">{{ item.label }}</span> <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> </div>
<span <span
:class="singleDisplayClasses" :class="singleDisplayClasses"
@ -25,8 +25,8 @@
@blur="onInputFocus" @blur="onInputFocus"
ref="input"> ref="input">
<Icon type="ios-close" :class="[prefixCls + '-arrow']" v-if="resetSelect" @click.native.stop="onClear"></Icon> <Icon type="ios-close-circle" :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-arrow-down" :class="[prefixCls + '-arrow']" v-if="!resetSelect && !remote && !disabled"></Icon>
</div> </div>
</template> </template>
<script> <script>

3
src/components/select/select.vue
View file

@ -71,7 +71,6 @@
</div> </div>
</template> </template>
<script> <script>
import Icon from '../icon';
import Drop from './dropdown.vue'; import Drop from './dropdown.vue';
import {directive as clickOutside} from 'v-click-outside-x'; import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom'; import TransferDom from '../../directives/transfer-dom';
@ -141,7 +140,7 @@
export default { export default {
name: 'iSelect', name: 'iSelect',
mixins: [ Emitter, Locale ], mixins: [ Emitter, Locale ],
components: { FunctionalOptions, Drop, Icon, SelectHead }, components: { FunctionalOptions, Drop, SelectHead },
directives: { clickOutside, TransferDom }, directives: { clickOutside, TransferDom },
props: { props: {
value: { value: {

2
src/styles/components/select.less
View file

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

2
src/styles/components/tag.less
View file

@ -1,5 +1,5 @@
@tag-prefix-cls: ~"@{css-prefix}tag"; @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} { .@{tag-prefix-cls} {
display: inline-block; display: inline-block;

2
src/styles/mixins/content.less
View file

@ -29,7 +29,7 @@
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
.@{icon-prefix-cls}-ios-close-empty { .@{icon-prefix-cls}-ios-close {
.close-base(@top, @icon-font-size); .close-base(@top, @icon-font-size);
} }
} }