[improvement] List: optimize loading

packages/list/index.js

@@ -134,10 +134,9 @@ export default sfc({
         {this.direction === 'down' && this.slots()}
         {this.loading && (
           <div class={bem('loading')} key="loading">
-            {this.slots('loading') || [
-              <Loading class={bem('loading-icon')} />,
-              <span class={bem('loading-text')}>{this.loadingText || t('loading')}</span>
-            ]}
+            {this.slots('loading') || (
+              <Loading size="16">{this.loadingText || t('loading')}</Loading>
+            )}
           </div>
         )}
         {this.finished && this.finishedText && (

packages/list/index.less

@@ -1,7 +1,7 @@
 @import '../style/var';
 
 .van-list {
-  &__loading-text,
+  &__loading,
   &__finished-text,
   &__error-text {
     color: @list-text-color;
@@ -9,20 +9,4 @@
     line-height: @list-text-line-height;
     text-align: center;
   }
-
-  &__loading {
-    text-align: center;
-
-    &-icon,
-    &-text {
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    &-icon {
-      width: @list-icon-size;
-      height: @list-icon-size;
-      margin-right: @list-icon-margin-right;
-    }
-  }
 }