fix: 修复布局变形的问题

src/components/MellowCard/index.tsx

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2020-08-26 17:32:45
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2020-09-29 14:47:49
+ * @LastEditTime: 2020-12-29 15:06:05
  * @Description: 基于 antd Card 封装的适合项目 UI 的 Card，使用方式跟 antd Card 一样，这里只是修改了样式
  */
 import React from 'react';

src/pages/member/components/SincerityInfo/index.tsx

@@ -550,9 +550,10 @@ const SincerityInfo: React.FC<SincerityInfoProps> = ({
         <Col span={24}>
           <Spin spinning={Boolean(basicInfo.loading)}>
             <Row gutter={24}>
-              <Col span={8}>
+              <Col flex="386px">
                 <MellowCard
                   title="信用积分"
+                  fullHeight
                 >
                   <Pie
                     hasLegend
@@ -566,9 +567,9 @@ const SincerityInfo: React.FC<SincerityInfoProps> = ({
               </Col>
 
               {basicInfo.loading === false && (
-                <Col span={16}>
+                <Col flex="1">
                   <div className={styles.tofo}>
-                    <MellowCard>
+                    <MellowCard fullHeight>
                       {integralItems.map((item, index) => (
                         <Card.Grid key={item.id} className={styles['tofo-item']}>
                           <ContentBox