style: 调整多选框样式

src/pages/Customer/Company/components/CompanyDetail/SyncClient.jsx

@@ -6,6 +6,7 @@ import { useState } from 'react'
 import { useDispatch } from 'umi'
 import { Table } from '@arco-design/web-react'
 import '@arco-design/web-react/dist/css/arco.css'
+import styles from './index.less'
 
 const SyncClient = ({ customer, client }) => {
   const dispatch = useDispatch()
@@ -160,17 +161,19 @@ const SyncClient = ({ customer, client }) => {
             </div>
           </Checkbox.Group>
         </div>
-        <Table
-          virtualized
-          scroll={{ y: 400 }}
-          border={false}
-          columns={columns}
-          data={client}
-          pagination={false}
-          rowSelection={{
-            onChange: selectedRowKeys => setState({ ...state, selectedKeys: selectedRowKeys })
-          }}
-        />
+        <div className={styles.tableCont}>
+          <Table
+            virtualized
+            scroll={{ y: 400 }}
+            border={false}
+            columns={columns}
+            data={client}
+            pagination={false}
+            rowSelection={{
+              onChange: selectedRowKeys => setState({ ...state, selectedKeys: selectedRowKeys })
+            }}
+          />
+        </div>
         {/* <Table
           rowKey="id"
           size="small"

src/pages/Customer/Company/components/CompanyDetail/index.less

@@ -11,4 +11,10 @@
   :global(.arco-table-tr:hover) {
     background-color: #fafafa !important;
   }
+  :global(.arco-checkbox-indeterminate .arco-checkbox-mask) {
+    background-color: #886ab5;
+  }
+  :global(.arco-checkbox-checked .arco-checkbox-mask) {
+    background-color: #886ab5;
+  }
 }