pulic

config/config.js

@@ -286,6 +286,10 @@ export default {
   // Theme for antd: https://ant.design/docs/react/customize-theme-cn
   theme: {
     'primary-color': primaryColor,
+    'btn-primary-bg': '#EF273A',
+    'table-row-hover-bg': '#eee',
+    'btn-danger-bg': '#FF7E48',
+
   },
   define: {
     ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:

src/pages/Welcome.jsx

@@ -17,39 +17,33 @@ import { FormattedMessage } from 'umi-plugin-react/locale';
 // );
 
 export default () => (
-  <div className="gutter-example">
-    <Row gutter={20} type="flex" justify="space-around" align="middle">
-      <Col className="gutter-row" span={7} style={{
-        background: 'linear-gradient(180deg,rgba(246,168,30,1) 0%,rgba(250,86,139,1) 100%)', height: '150px',
-        boxShadow: '0px 1px 5px 1px rgba(0,0,0,0.2)',
-        borderRadius: '12px'
+  <>
+    <div style={{ display: 'flex' }}>
+      <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 18px 14px -15px rgba(241,43,62,1)',
+        borderRadius: '12px', width: '32%', marginRight: '2%'
       }}>
-        <div className="gutter-box" style={{ textAlign: 'center' }}>
-          <p className="gutter-tit" style={{ fontSize: '24px', color: '#fff', margin: '26px 0 0 0 ' }}>总用户</p>
-          <p className="gutter-num" style={{ fontSize: '51px', color: '#fff', margin: '0' }}>133</p>
-        </div>
-      </Col>
-      <Col className="gutter-row" span={7} style={{
-        background: 'linear-gradient(180deg,rgba(78,239,186,1) 0%,rgba(63,197,224,1) 100%)', height: '150px',
-        boxShadow: '0px 1px 5px 1px rgba(0,0,0,0.2)',
-        borderRadius: '12px'
+        <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
+        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>133</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 18px 14px -15px rgba(255,126,74,1)',
+        borderRadius: '12px', width: '32%', marginRight: '2%'
       }}>
-        <div className="gutter-box" style={{ textAlign: 'center' }}>
-          <p className="gutter-tit" style={{ fontSize: '24px', color: '#fff', margin: '24px 0 0 0 ' }}>总注册用户</p>
-          <p className="gutter-num" style={{ fontSize: '51px', color: '#fff', margin: '0' }}>76</p>
-        </div>
-      </Col>
-      <Col className="gutter-row" span={7} style={{
-        background: 'linear-gradient(180deg,rgba(77,231,247,1) 0%,rgba(89,49,238,1) 100%)', height: '150px',
-        boxShadow: '0px 1px 5px 1px rgba(0,0,0,0.2)',
-        borderRadius: '12px'
+        <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
+        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>12</span>
+      </div>
+      <div style={{
+        textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
+        boxShadow: '0px 18px 14px -15px rgba(107,130,230,1)',
+        borderRadius: '12px', width: '32%',
       }}>
-        <div className="gutter-box" style={{ textAlign: 'center' }}>
-          <p className="gutter-tit" style={{ fontSize: '24px', color: '#fff', margin: '26px 0 0 0 ' }}>最近7天新增</p>
-          <p className="gutter-num" style={{ fontSize: '51px', color: '#fff', margin: '0' }}>24</p>
-        </div>
-      </Col>
-    </Row>
-  </div>
-
+        <span style={{ fontSize: '24px', color: '#fff' }}>最近7天新增 </span>
+        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>91</span>
+      </div>
+    </div>
+    <div>11111111111111</div>
+  </>
 );

src/pages/customer/report/index.jsx

@@ -154,7 +154,7 @@ function body(props) {
           )}
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+          <Button type="primary" htmlType="submit">
             搜索
           </Button>
         </Form.Item>

src/pages/integralMall/GoodsList.jsx

@@ -167,12 +167,12 @@ function header(props) {
           )}
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+          <Button type="primary" htmlType="submit" >
             搜索
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={styles.addBtn} onClick={toEditGoods}>新增</Button>
+      <Button type="danger" className={styles.addBtn} onClick={toEditGoods}>新增</Button>
       <Table dataSource={dataSource} columns={columns} />
       {/* 分页 */
       /* <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>

src/pages/style/GoodsList.less

@@ -1,25 +1,9 @@
 .addBtn {
   padding: 0 40px;
   height: 36px;
-  background-color: #FF7E48;
-  color: #fff;
   margin: 30px 0;
-  border-color: #FF7E48;
-}
-.addBtn:focus {
-  color: #fff;
-  background-color: #FF7E48;
-  border-color: #FF7E48;
-}
-.searchBtn{
- background-color: #EF273A;
- border-color: #EF273A;
-}
-.searchBtn:focus {
-  color: #fff;
-  background-color: #EF273A;
-  border-color: #EF273A;
 }
+
 .touxiang {
   width: 93px;
   height: 93px;