首页图片替换

src/pages/Home/index.js

@@ -235,6 +235,7 @@ const Scada = () => {
   });
   return (
     <Box
+      big
       title="工艺监控"
       onClick={() => UnityAction.sendMsg('menuItem', '工艺监控')}
     >
@@ -247,9 +248,12 @@ const Scada = () => {
   );
 };
 
-const Box = ({ title, children, onClick }) => {
+const Box = ({ title, children, onClick, big }) => {
   return (
-    <div className={styles.box} onClick={onClick}>
+    <div
+      className={`${styles.box} ${big ? styles.boxBig : ''}`}
+      onClick={onClick}
+    >
       <div className={styles.boxTitle}>{title}</div>
       {children}
     </div>

src/pages/Home/index.less

@@ -51,6 +51,10 @@
     text-align: center;
   }
 }
+.boxBig {
+  .box;
+  background-image:  url('@/assets/home-box-bg2.png');
+}
 .scadaContent {
   padding: 20px;
   height: 300px;