fix: '图片库样式优化'

src/pages/integratedLogin/Master.jsx

@@ -6,7 +6,7 @@ import {
   AddIntegratedloginSetting,
   GetIntegratedloginSetting,
 } from '@/services/integratedLogin/api';
-import { PlusOutlined, LoadingOutlined } from '@ant-design/icons';
+import { PlusOutlined, LoadingOutlined, ConsoleSqlOutlined } from '@ant-design/icons';
 import { get, PUBLISH_SERVICE } from '@/services';
 import PreviewModal from './PreviewModal';
 const { Item } = Form;
@@ -158,7 +158,8 @@ const Master = props => {
   const onOk = props => {
     if (props) {
       console.log(props.path);
-      console.log(process.env.PROXY);
+      console.log(process);
+      console.log(global);
       setImageUrl(window.location.origin + `/${props.path}`);
       setIm(props.path);
       setKeepImgeUrl(props.path);

src/pages/integratedLogin/PreviewModal.jsx

@@ -124,13 +124,7 @@ const PreviewModal = props => {
                   //   src={`${isDev ? process.env.PROXY : window.location.origin}${k}`}
                   //   height="100px"
                   // />
-                  <div
-                    className={classnames({
-                      [styles.imgHidden]: index !== pickItem || i.groupName !== keepItem,
-                      [styles.imgItem]: index === pickItem && i.groupName === keepItem,
-                    })}
-                    key={index}
-                  >
+                  <div className={styles.divItem} key={index}>
                     <CheckCircleTwoTone
                       className={classnames({
                         [styles.iconHidden]: index !== pickItem || i.groupName !== keepItem,
@@ -139,6 +133,10 @@ const PreviewModal = props => {
                     />
                     <img
                       src={window.location.origin + `/${k.path}`}
+                      className={classnames({
+                        [styles.imgHidden]: index !== pickItem || i.groupName !== keepItem,
+                        [styles.imgItem]: index === pickItem && i.groupName === keepItem,
+                      })}
                       height="80px"
                       width="80px"
                       alt="集成登录默认"

src/pages/integratedLogin/integrate.less

@@ -14,29 +14,43 @@
       align-items: center;
     }
   }
-  .imgItem {
-    // border: 3px solid rgb(24, 144, 255);
-    // box-sizing: border-box;
-    // border-radius: 5px;
+  .divItem {
     display: inline-block;
     margin-left: 30px;
     margin-bottom: 30px;
   }
+  .imgItem {
+    border: 3px solid rgb(24, 144, 255);
+    box-sizing: border-box;
+    border-radius: 5px;
+    display: inline-block;
+  }
   .imgHidden {
-    // border: none;
+    border: none;
     display: inline-block;
-    margin-left: 30px;
-    margin-bottom: 30px;
   }
+  .imgHidden:hover {
+    border: 3px solid rgb(24, 144, 255);
+    box-sizing: border-box;
+    border-radius: 5px;
+    display: inline-block;
+  }
+
   .iconItem {
     position: absolute;
-    margin-left: 73px;
-    margin-top: -5px;
+    margin-left: 70px;
+    margin-top: -3px;
     font-size: 17px;
   }
   .iconHidden {
     display: none;
   }
+  .iconHidden:hover {
+    position: absolute;
+    margin-left: 70px;
+    margin-top: -3px;
+    font-size: 17px;
+  }
 
   .table {
     background-color: white;