update Select Icons

梁灏
1 parent 021bbec2
Showing 5 changed files with 7 additions and 8 deletions Show diff stats
src/components/select/select-head.vue
src/components/select/select.vue
src/styles/components/select.less
src/styles/components/tag.less
src/styles/mixins/content.less
@@ -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;
 @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);
     }
 }
 \ No newline at end of file