div

src/pages/Welcome.jsx

@@ -25,34 +25,35 @@ const welcome = (props) => {
     })
   }
   return (
-
-    <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)',
-        borderRadius: '12px', width: '32%', marginRight: '2%'
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectUserCount || '0'}</span>
-      </div>
-      <div style={{
-        textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(255,126,74,1) 0%,rgba(255,196,168,1) 100%)', height: '100px',
-        boxShadow: '0px  0.11rem 14px -15px rgba(255,126,74,1)',
-        borderRadius: '12px', width: '32%', marginRight: '2%'
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectRegisteredCount || '0'}</span>
-      </div>
-      <div onClick={() => router.push('/indexEcharts/newUsers')} style={{
-        textAlign: 'center', display: 'flex', justifyContent: 'center', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
-        boxShadow: '0px  0.11rem 14px -15px rgba(107,130,230,1)',
-        borderRadius: '12px', width: '32%',
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff', borderBottom: '1px solid #fff', margin: '30px 0' }}>最近7天新增 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy', lineHeight: '100px' }}>{data.selectRecentlyCount || '0'}</span>
+    <>
+      <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)',
+          borderRadius: '12px', width: '32%', marginRight: '2%'
+        }}>
+          <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
+          <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectUserCount || '0'}</span>
+        </div>
+        <div style={{
+          textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(255,126,74,1) 0%,rgba(255,196,168,1) 100%)', height: '100px',
+          boxShadow: '0px  0.11rem 14px -15px rgba(255,126,74,1)',
+          borderRadius: '12px', width: '32%', marginRight: '2%'
+        }}>
+          <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
+          <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectRegisteredCount || '0'}</span>
+        </div>
+        <div onClick={() => router.push('/indexEcharts/newUsers')} style={{
+          textAlign: 'center', display: 'flex', justifyContent: 'center', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
+          boxShadow: '0px  0.11rem 14px -15px rgba(107,130,230,1)',
+          borderRadius: '12px', width: '32%',
+        }}>
+          <span style={{ fontSize: '24px', color: '#fff', borderBottom: '1px solid #fff', margin: '30px 0' }}>最近7天新增 </span>
+          <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy', lineHeight: '100px' }}>{data.selectRecentlyCount || '0'}</span>
+        </div>
       </div>
       <IndexEcharts style={{ width: '100%' }} onReData={(e) => redata(e)} ></IndexEcharts>
-    </div>
+    </>
   )
 
 }