echarts

src/global.less

@@ -108,8 +108,8 @@ ol {
   padding: 0;
 }
 .antd-pro-pages-index-echarts-styles-pie,.antd-pro-pages-index-echarts-styles-bar{
-  padding: 26px;
-  margin-bottom: 25px;
+  padding: 40px;
+  margin-bottom: 40px;
 }
 .ant-breadcrumb{
   font-size: 0.1rem;

src/pages/Welcome.jsx

@@ -38,7 +38,7 @@ const Welcome = (props) => {
 
   return (
     <>
-      <div style={{ display: 'flex', marginBottom: '28px' }}>
+      <div style={{ display: 'flex', marginBottom: '33px' }}>
         <div style={{
           textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(241,43,62,1) 0%,rgba(254,144,155,1) 100%)', height: '100px',
           boxShadow: '0px  0.11rem 14px -15px rgba(241,43,62,1)',

src/pages/charts/CityNums.jsx

@@ -6,8 +6,8 @@ const geoOptions = {
   backgroundColor: '#fff',
   title: {
     text: '城市分布',
-    left: 20,
-    top: 20
+    left: 40,
+    top: 40
   },
   tooltip : {
       trigger: 'item',
@@ -128,7 +128,7 @@ const CityNums = (props) => {
   }
 
   return (
-    <div style={{ margin: ' 0 0 20px  0', width: '100%', borderRadius: '12px', boxShadow: '0px 0px 9px 1px rgba(0,0,0,0.12)', overflow: 'hidden' }}>
+    <div style={{ marginBottom:'40px', width: '100%', borderRadius: '12px', boxShadow: '0px 0px 9px 1px rgba(0,0,0,0.12)', overflow: 'hidden' }}>
       <Echart options={options} style={{ width: '100%', height: '600px' }} ></Echart>
     </div>
   )

src/pages/indexEcharts/components/UserSourcepie.jsx

@@ -54,7 +54,7 @@ const UserSource = (props) => {
     series: [
       {
         type: 'pie',
-        center: ['44%', '65%'],
+        center: ['40%', '65%'],
         radius: ['34%', '52%'],
       },
     ],

src/pages/indexEcharts/styles.less

@@ -23,8 +23,8 @@
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   border-radius: 12px;
-  margin-bottom: 25px;
-  padding: 26px;
+  margin-bottom: 40px;
+  padding: 40px;
 }
 
 .customers {
@@ -33,5 +33,5 @@
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.12);
   border-radius: 12px 12px 0px 0px;
-  padding: 26px;
+  padding: 40px;
 }

src/pages/indexEcharts/userBehavior.jsx

@@ -157,13 +157,7 @@ function getUserBehaviorSummary(params) {
   const dataSource = []
 
   return (<>
-    <div style={{
-      backgroundColor: '#fff',
-      padding: '32PX 28px',
-      boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)',
-      borderRadius: '12px',
-      minHeight: '60vh'
-    }}>
+    <div>
       <div>
         <Radio.Group buttonStyle="solid" defaultValue="a">
           <Radio.Button value="a" onClick={getDataOf(7)}>最近7天</Radio.Button>