update Trend

src/components/Trend/index.less

@@ -6,9 +6,6 @@
   font-size: @font-size-base;
   line-height: 22px;
 
-  & + & {
-    margin-left: 16px;
-  }
   .up,
   .down {
     margin-left: 4px;

src/routes/Dashboard/Analysis.js

@@ -228,16 +228,12 @@ export default class Analysis extends Component {
               footer={<Field label="日均销售额" value={`￥${numeral(12423).format('0,0')}`} />}
               contentHeight={46}
             >
-              <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
-                <span>
-                  周同比
-                  <Trend flag="up" className={styles.trend}>12%</Trend>
-                </span>
-                <span style={{ marginLeft: 16 }}>
-                  日环比
-                  <Trend flag="down" className={styles.trend}>11%</Trend>
-                </span>
-              </div>
+              <Trend flag="up" style={{ marginRight: 16 }}>
+                周同比<span className={styles.trendText}>12%</span>
+              </Trend>
+              <Trend flag="down">
+                日环比<span className={styles.trendText}>11%</span>
+              </Trend>
             </ChartCard>
           </Col>
           <Col {...topColResponsiveProps}>
@@ -279,14 +275,12 @@ export default class Analysis extends Component {
               total="78%"
               footer={
                 <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
-                  <span>
-                    周同比
-                    <Trend flag="up" className={styles.trend}>12%</Trend>
-                  </span>
-                  <span style={{ marginLeft: 16 }}>
-                    日环比
-                    <Trend flag="down" className={styles.trend}>11%</Trend>
-                  </span>
+                  <Trend flag="up" style={{ marginRight: 16 }}>
+                    周同比<span className={styles.trendText}>12%</span>
+                  </Trend>
+                  <Trend flag="down">
+                    日环比<span className={styles.trendText}>11%</span>
+                  </Trend>
                 </div>
               }
               contentHeight={46}

src/routes/Dashboard/Analysis.less

@@ -134,7 +134,7 @@ th.alignRight {
   text-align: right!important;
 }
 
-.trend {
+.trendText {
   margin-left: 8px;
   color: @heading-color;
 }