增加分页器

src/view/mDashboard.jsx

@@ -178,10 +178,12 @@ class mDashboard extends Component {
     new Swiper('.swiper-container', {
       direction: 'horizontal', 
       observer: true,
-      observeParents: true
+      observeParents: true,
+      pagination: {
+        el: '.swiper-pagination',
+      },
     })
 
-
     const _decryptId = this.props.match.params.id;
 
     var key = CryptoJS.enc.Utf8.parse("A930F2C3ACEA7B5B");
@@ -318,9 +320,9 @@ class mDashboard extends Component {
     const { data, curDegree ,curDimension, loading, columns, loadingOrder, orderData, curTrendData, curTrendKey, loadingTrend, trendData } = this.state;
     return (
       <React.Fragment>
-        <div className='swiper-container'>
+        <div className='swiper-container' style={{height: '100%'}}>
           <div className='swiper-wrapper'>
-            <div className="swiper-slide">
+            <div className="swiper-slide" style={{overflow:'auto'}}>
               <div style={{ margin: 10 }}>
                 <Card bordered={false}>
                   <h3 className="ant-typography text-primary">基本信息</h3>
@@ -410,7 +412,7 @@ class mDashboard extends Component {
                 </Card>
               </div>
            </div>
-            <div className="swiper-slide">
+            <div className="swiper-slide" style={{overflow:'auto'}}>
               <div style={{margin: '10px'}}>
                 <Card bordered={false}>
                   <h3 className="ant-typography text-primary">客户评级</h3>
@@ -448,7 +450,7 @@ class mDashboard extends Component {
                 </Card>
               </div>
             </div>
-            <div className="swiper-slide">
+            <div className="swiper-slide" style={{overflow:'auto'}}>
               <div style={{margin: '10px'}}>
                 <Card bordered={false}>
                   <h3 className="ant-typography text-primary">上月订购品规TOP10</h3>
@@ -481,6 +483,7 @@ class mDashboard extends Component {
               </div>
             </div>
           </div>
+          <div className="swiper-pagination"></div>
         </div>  
       </React.Fragment>
     );