feat:webpack主题色配置

config/webpack.config.js

@@ -128,7 +128,8 @@ module.exports = function(webpackEnv) {
           options: {
             lessOptions: {
               modifyVars: {
-                'primary-color': '#Fc9C6B',
+                'primary-color': 'rgba(255, 183, 20, 1)',
+                'border-radius-base': '4px',
               },
               javascriptEnabled: true,
             },

src/core/global.less

@@ -1276,15 +1276,9 @@ input:focus {
   margin-right: 16px;
 }
 
-// .staticSelect{
-//   display: flex;
-//   width:auto;
-//   display: inline-block;
-//   flex:1 1;
-// }
-
 .ant-btn-primary.ant-btn:hover {
-  border-color: #ffa35c;
+  border-color: rgba(255, 183, 20, .8) !important;
+  background-color: rgba(255, 183, 20, .8) !important;
 }
 
 .noTitleModal {
@@ -1293,10 +1287,6 @@ input:focus {
   }
 }
 
-// .right-container .ant-checkbox-inner:after{
-//   top: 2px;
-// }
-
 .printModal {
   position: fixed;
   width: 100%;

src/core/variables.less

  
 @sunLight: #FED951;
 @sun: #FFB714;
-@sunDark: #DD8029;
+@sunDark: #FFB714;
 
 
 @orangeLight: #FDBB70;
@@ -32,13 +32,14 @@
 @text-main:#000000;
 @text-sub:#686868;
 @text-note:#c0c0c0;
+@text-primary:rgba(82, 137, 250, 1);
 
 .color-primary {
   color: @sun;
 }
 
 .text-primary {
-  color: #fe8534;
+  color: @text-primary;
 }
 
 .bg-primary {
@@ -65,7 +66,7 @@
 @xm-color-secondary-light: #e28534;
 @xm-color-secondary: #ff8534;
 @xm-color-secondary-darker: #D65E30;
-@xm-color-text-select-primary:#Fc9C6B;
+@xm-color-text-select-primary:#FFB714;
 @xm-color-text-select-warning:#ec4b35;
 
 @xm-color-info: #45b2ff;

src/modules/store-manege/EmployeesManagePage.less

+@import "../../core/variables.less";
+
+.employee-manage-page {
+  .operation {
+    .edit {
+      color: @text-primary;
+    }
+    .delete {
+      color: @text-primary;
+    }
+    .divider-line {
+      margin: 0 4px;
+      color: #BFBFBF;
+    }
+  }
+}

src/modules/store-manege/EmployeesManagePage.tsx

@@ -2,7 +2,7 @@
  * @Author: wufan
  * @Date: 2020-07-09 14:03:09
  * @Last Modified by: mikey.zhaopeng
- * @Last Modified time: 2020-11-26 16:22:44
+ * @Last Modified time: 2020-11-26 17:00:47
  * 店铺管理-员工管理
  */
 import React, { useEffect, useState } from "react";
@@ -94,14 +94,14 @@ function EmployeesManagePage() {
           ) : (
             <div className="operation">
               <span
-                className="opt-item"
+                className="edit"
                 onClick={() => handleEditEmployee(record)}
               >
                 编辑
               </span>
-              <span className="divider"></span>
+              <span className="divider-line">{" | "}</span>
               <span
-                className="opt-item"
+                className="delete"
                 onClick={() => handleDeleteEmployee(record)}
               >
                 删除
@@ -126,30 +126,11 @@ function EmployeesManagePage() {
   }
 
   return (
-    <div className=" page coupon-list-page">
+    <div className=" page employee-manage-page">
       <div className="page-content">
         <div className="content-header">员工管理</div>
         <div className="box">
           <div className="box-header">
-            {/* <Row justify="space-between" align="top">
-              <Col span={8}>
-                <span className="label-text">搜索员工：</span>
-                <SearchBar
-                  label="搜索员工"
-                  type="select"
-                  options={{ name: "员工姓名", phone: "手机号" }}
-                  placeholder="请输入员工姓名/手机号"
-                  value={query.name}
-                  onSearch={(value: any) => {
-                    handleQuery("name", value);
-                  }}
-                />
-              </Col>
-              <Col span={8}>
-                  
-              </Col>
-            </Row> */}
-
             <div
               style={{
                 display: "flex",