优化范围设置边界颜色选择样式

src/pages/platformCenter/gis/schemeConfig/ScopeMap/index.jsx

@@ -559,16 +559,6 @@ const Map = props => {
               <Slider min={0} max={100} />
             </Form.Item>
             <Form.Item label="边界颜色" name="boundColor" style={{ marginBottom: '19px' }}>
-              <div
-                style={{
-                  background: colorList,
-                  display: 'inline-block',
-                  width: '15px',
-                  height: '15px',
-                  border: '1px solid #ccc',
-                  marginTop: '10px',
-                }}
-              />
               <Popconfirm
                 placement="topLeft"
                 icon={false}
@@ -586,7 +576,26 @@ const Map = props => {
                   setColorList(keepColor);
                 }}
               >
-                <Button style={{ marginLeft: '15px' }}>更改边界颜色</Button>
+                <div
+                  className={styles.borderColor}
+                  // style={{
+                  //   width: '22px',
+                  //   height: '20px',
+                  //   border: '1px solid #ccc',
+                  //   borderRadius: '2px',
+                  // }}
+                >
+                  <div
+                    style={{
+                      background: colorList,
+                      width: '18px',
+                      height: '10px',
+                      marginLeft: '1px',
+                      marginTop: '4px',
+                    }}
+                  />
+                </div>
+                {/* <Button style={{ marginLeft: '15px' }}>更改边界颜色</Button> */}
               </Popconfirm>
             </Form.Item>
             <Form.Item label="边界宽度" name="boundWidth" style={{ marginBottom: '19px' }}>

src/pages/platformCenter/gis/schemeConfig/ScopeMap/index.less

@@ -43,7 +43,20 @@
       height: 100%;
     }
   }
+
 }
 .ant-cascader-menu {
   height: 530px;
 }
+.borderColor{
+  width: 22px;
+  height: 20px;
+  border: 1px solid #ccc;
+  border-radius: 2px;
+}
+.borderColor hover{
+  width: 22px;
+  height: 20px;
+  border: 1px solid rgb(241, 228, 32);
+  border-radius: 2px;
+}
\ No newline at end of file