From e1e0a7d22ec4caa2df51a78681b527e0cda42d28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 5 Jul 2018 10:45:03 +0800
Subject: [PATCH] style: Card should not use Spin

---
 src/components/Charts/ChartCard/index.js   | 10 +++-------
 src/components/Charts/ChartCard/index.less |  4 ----
 src/routes/Dashboard/Analysis.js           |  4 ++++
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/Charts/ChartCard/index.js b/src/components/Charts/ChartCard/index.js
index c3ee1865..5f74de50 100644
--- a/src/components/Charts/ChartCard/index.js
+++ b/src/components/Charts/ChartCard/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card, Spin } from 'antd';
+import { Card } from 'antd';
 import classNames from 'classnames';
 
 import styles from './index.less';
@@ -64,12 +64,8 @@ const ChartCard = ({
   );
 
   return (
-    <Card bodyStyle={{ padding: '20px 24px 8px 24px' }} {...rest}>
-      {
-        <Spin spinning={loading} wrapperClassName={styles.spin}>
-          {content}
-        </Spin>
-      }
+    <Card loading={loading} bodyStyle={{ padding: '20px 24px 8px 24px' }} {...rest}>
+      {content}
     </Card>
   );
 };
diff --git a/src/components/Charts/ChartCard/index.less b/src/components/Charts/ChartCard/index.less
index fa2eb16d..bee44938 100644
--- a/src/components/Charts/ChartCard/index.less
+++ b/src/components/Charts/ChartCard/index.less
@@ -72,7 +72,3 @@
     margin-top: 20px;
   }
 }
-
-.spin :global(.ant-spin-container) {
-  overflow: visible;
-}
diff --git a/src/routes/Dashboard/Analysis.js b/src/routes/Dashboard/Analysis.js
index 6ffb6df7..82c3a615 100644
--- a/src/routes/Dashboard/Analysis.js
+++ b/src/routes/Dashboard/Analysis.js
@@ -261,6 +261,7 @@ export default class Analysis extends Component {
             <ChartCard
               bordered={false}
               title="总销售额"
+              loading={loading}
               action={
                 <Tooltip title="指标说明">
                   <Icon type="info-circle-o" />
@@ -284,6 +285,7 @@ export default class Analysis extends Component {
             <ChartCard
               bordered={false}
               title="访问量"
+              loading={loading}
               action={
                 <Tooltip title="指标说明">
                   <Icon type="info-circle-o" />
@@ -300,6 +302,7 @@ export default class Analysis extends Component {
             <ChartCard
               bordered={false}
               title="支付笔数"
+              loading={loading}
               action={
                 <Tooltip title="指标说明">
                   <Icon type="info-circle-o" />
@@ -316,6 +319,7 @@ export default class Analysis extends Component {
             <ChartCard
               bordered={false}
               title="运营活动效果"
+              loading={loading}
               action={
                 <Tooltip title="指标说明">
                   <Icon type="info-circle-o" />
-- 
GitLab