fix: bootpage style

config/proxy.js

 /* eslint-disable */
 // const proxyURL = process.env.NODE_ENV !== 'production' ? 'http://192.168.10.150:8777' : window.location.origin;
-const proxyURL = 'https://panda-water.com';
+const proxyURL = 'https://panda-water.cn';
 module.exports = {
   assetsRoot: process.env.NODE_ENV !== 'production' ? proxyURL : './',
   dev: {

src/components/NoticeIcon/Templates/Alarm/index.js

@@ -27,7 +27,6 @@ export class AlarmContent {
 
 const Alarm = ({ message, confirmRead, config }) => {
   const alarmContent = (config.mqtt_mess.MessageLevel === "2.0" && isJSON(message.infoContent)) ? JSON.parse(message.infoContent): message.infoContent;
-  console.log("alarmContent", alarmContent);
   const goPath = item => {
     confirmRead(false, [message.id]);
     const widgetID = 'widget_city_综合运营_管网监控_实时监控_报警监控';

src/global.less

@@ -6,6 +6,11 @@ body,
   height: 100%;
 }
 
+* {
+  margin: 0;
+  padding: 0;
+}
+
 @font-face {
   font-family: 'ZhenyanGB';
   src: url("./assets/fonts/ZhenyanGB.ttf");

src/pages/bootpage/index.js

@@ -13,7 +13,16 @@ import SecurityLayout from '../../layouts/SecurityLayout';
 import LoginAction from '../user/login/login';
 import styles from './index.less';
 
-const industries = ['供水', '排水', '消防', '暖通', '节水', '实验室'];
+const industries = [
+  { name: '供水', type: '供水', subTitle: 'WATER SUPPLY' },
+  { name: '农饮水', type: '农饮水', subTitle: 'RURAL POTABLE WATER' },
+  { name: '排水', type: '排水', subTitle: 'DRAINAGE' },
+  { name: '能源', type: '能源', subTitle: 'ENERGY SOURCES' },
+  { name: '水资源', type: '水资源', subTitle: 'WATER RESOURCES' },
+  { name: '熊猫智能实验室', type: '实验室', subTitle: 'PANDA AI. LAB' },
+  { name: '大数据', type: '大数据', subTitle: 'BIG DATA' },
+  { name: '项目案例', type: '项目案例', subTitle: 'PROJECT CASE' },
+];
 const renderIndustries = (config, callback) =>
   industries.map(item => {
     if (
@@ -21,27 +30,31 @@ const renderIndustries = (config, callback) =>
       config.userInfo &&
       config.userInfo.Industries &&
       config.userInfo.Industries instanceof Array &&
-      config.userInfo.Industries.indexOf(item) > -1
+      config.userInfo.Industries.indexOf(item.type) > -1
     ) {
       return (
         <li
           className={styles.bootPageLi}
-          key={item}
-          onClick={event => callback(event, item)}
+          key={item.type}
+          onClick={event => callback(event, item.type)}
         >
           <div className={styles.bootPageList}>
             <div className={styles.listMain}>
               <img
-                src={`https://panda-water.cn/web4/assets/images/bootPage/${item}.png`}
+                src={`https://panda-water.cn/web4/assets/images/bootPage/${
+                  item.type
+                }.png`}
                 alt=""
               />
-              <span>{item}</span>
+              <span className={styles.bootPageName}>{item.name}</span>
+              <span className={styles.bootPageNameEng}>{item.subTitle}</span>
             </div>
           </div>
         </li>
       );
     }
   });
+
 const BootPage = props => {
   const [loadding, setLoadding] = useState(false);
   const [scale, setScale] = useState(1);
@@ -113,6 +126,7 @@ const BootPage = props => {
               styles.bootPageSection,
               'animate__fadeInDown',
               'animate__animated',
+              'duration-500ms',
             )}
           >
             <ul

src/pages/bootpage/index.less

@@ -54,37 +54,31 @@
       }
       .bootPageUl {
         display: flex;
-        width: 1080px;
+        width: 1280px;
         flex-wrap: wrap;
         list-style: none;
         justify-content: center;
-        transition: all 0.5s ease-out;
+        transition: all .5s ease-out;
+        overflow: hidden;
+        padding-top: 10px;
         .bootPageLi {
-          width: 345px;
-          height: 315px;
-          padding: 10px;
+          width: 298px;
+          height: 268.8px;
+          margin: 10px;
           .bootPageList {
             width: 100%;
             height: 100%;
-            background: linear-gradient(
-              to top,
-              rgba(37, 102, 164, 0.35) 0%,
-              rgba(16, 64, 110, 0.35) 100%
-            );
             border-radius: 4px;
-            transition: all 0.2s ease-out;
+            transition: all .2s ease-out;
             display: flex;
             align-items: center;
             justify-content: center;
             flex-direction: column;
             font-size: 24px;
             cursor: pointer;
+            position: relative;
             &:hover {
-              background: linear-gradient(
-                to top,
-                rgba(41, 108, 172, 0.6) 0%,
-                rgba(16, 64, 110, 0.6) 100%
-              );
+
               .listMain {
                 transform: scale(1.1);
               }
@@ -99,6 +93,26 @@
               display: flex;
               align-items: center;
               flex-direction: column;
+              img {
+                width: 298px;
+                height: 269px;
+                border-radius: 20px;
+                vertical-align: middle;
+              }
+              span {
+                font-weight: 500;
+                color: #fff;
+              }
+              .bootPageName {
+                position: absolute;
+                bottom: 31px;
+                font-weight: 500;
+              }
+              .bootPageNameEng {
+                font-size: 14px;
+                position: absolute;
+                bottom: 11px;
+              }
             }
           }
         }