update Icons

examples/routers/input.vue

@@ -14,16 +14,16 @@
             <Button type="ghost" @click="handleReset('formCustom')" style="margin-left: 8px">Reset</Button>
         </FormItem>
         <br><br>
-        <Icon class="ivu-load-loop" type="loading" size="14" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="14" color="#ff6600" />
 
-        <Icon class="ivu-load-loop" type="loading" size="12" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="12" color="#ff6600" />
-        <Icon class="ivu-load-loop" type="loading" size="13" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="13" color="#ff6600" />
 
-        <Icon class="ivu-load-loop" type="loading" size="16" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="16" color="#ff6600" />
-        <Icon class="ivu-load-loop" type="loading" size="18" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="18" color="#ff6600" />
-        <Icon class="ivu-load-loop" type="loading" size="20" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="20" color="#ff6600" />
-        <Icon class="ivu-load-loop" type="loading" size="30" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="30" color="#ff6600" />
-        <Icon class="ivu-load-loop" type="loading" size="30" color="#ff6600" />
+        <Icon class="ivu-load-loop" type="ios-loading" size="30" color="#ff6600" />
 
         <Icon type="ios-alert" size="30" color="#ff6600" />
         <Icon class="ivu-load-loop" type="ios-sync" size="30" color="#ff6600" />

src/components/input/input.vue

@@ -5,7 +5,7 @@
             <i class="ivu-icon" :class="['ivu-icon-ios-close-circle', prefixCls + '-icon', prefixCls + '-icon-clear' , prefixCls + '-icon-normal']" v-if="clearable && currentValue" @click="handleClear"></i>
             <i class="ivu-icon" :class="['ivu-icon-' + icon, prefixCls + '-icon', prefixCls + '-icon-normal']" v-else-if="icon" @click="handleIconClick"></i>
             <transition name="fade">
-                <i class="ivu-icon ivu-icon-loading ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
+                <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
             </transition>
             <input
                 :id="elementId"

src/components/message/index.js

@@ -17,7 +17,7 @@ const iconTypes = {
     'success': 'ios-checkmark-circle',
     'warning': 'ios-alert',
     'error': 'ios-close-circle',
-    'loading': 'loading'
+    'loading': 'ios-loading'
 };
 
 function getMessageInstance () {

src/components/scroll/loading-component.vue

@@ -2,7 +2,7 @@
     <div :class="wrapperClasses">
         <div :class="spinnerClasses">
             <Spin fix>
-                <Icon type="loading" size="18" :class="iconClasses"></Icon>
+                <Icon type="ios-loading" size="18" :class="iconClasses"></Icon>
                 <div v-if="text" :class="textClasses">{{text}}</div>
             </Spin>
 

src/styles/common/iconfont/_ionicons-font.less

@@ -3,11 +3,10 @@
 
 @font-face {
  font-family: @ionicons-font-family;
- src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}");
+    src:
- src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}#iefix") format("embedded-opentype"),
+  url("@{ionicons-font-path}/Ionicons.ttf?v=@{ionicons-version}") format("truetype"),
-  url("@{ionicons-font-path}/ionicons.ttf?v=@{ionicons-version}") format("truetype"),
+  url("@{ionicons-font-path}/Ionicons.woff?v=@{ionicons-version}") format("woff"),
-  url("@{ionicons-font-path}/ionicons.woff?v=@{ionicons-version}") format("woff"),
+  url("@{ionicons-font-path}/Ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg");
-  url("@{ionicons-font-path}/ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
 }
@@ -28,22 +27,4 @@
 
 .ivu-icon {
     .ivu-icon();
-}
-
-.ivu-icon-loading{
-    position: relative;
-    &::before{
-        content: "\F1F6";
-    }
-    &::after{
-        content: "";
-        display: block;
-        width: 50%;
-        height: 50%;
-        background: #fff;
-        position: absolute;
-        top: 1px;
-        left: 50%;
-    }
-
 }