From 652927073152ba40274a5d12f539662fd8a114a4 Mon Sep 17 00:00:00 2001
From: "peng.peng" <peng.peng@free-sun.com.cn>
Date: Wed, 16 Aug 2023 11:17:35 +0800
Subject: [PATCH] =?UTF-8?q?=EF=BC=88*=EF=BC=89=E4=B8=80=E4=BD=93=E5=8C=96?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=A6=96=E9=A1=B5=E9=80=82=E5=BA=94=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sections/homePage/containers/homePage.js  |  30 +-
 .../sections/homePage/containers/style.less   | 287 +++++++++---------
 .../water-prevention/components/style.less    |   1 +
 3 files changed, 166 insertions(+), 152 deletions(-)

diff --git a/super-screen/client/src/sections/homePage/containers/homePage.js b/super-screen/client/src/sections/homePage/containers/homePage.js
index 19977e4..d55cde8 100644
--- a/super-screen/client/src/sections/homePage/containers/homePage.js
+++ b/super-screen/client/src/sections/homePage/containers/homePage.js
@@ -2,24 +2,30 @@ import React, { useEffect, useState } from 'react'
 import { connect } from 'react-redux';
 import { push } from 'react-router-redux';
 import './style.less'
+import { FullScreenContainer } from '$components'
 
 function homePage(props) {
     const { dispatch } = props;
     const childStyle = { height: '32%', color: '#fff', marginBottom: 17 }
     const cardHeight = document.body.clientHeight * 0.896 * 0.32
     const cardContentHeight = cardHeight - 42 - 13
-    return <div className='enter_homepage'>
-        <div className='_enter_title'></div>
-        <div className='_enter_row1'>
-            <div className='_row1_item' onClick={() => { window.open('https://superchangnan.anxinyun.cn/') }}></div>
-        </div>
-        <div className='_enter_row2'>
-            <div className='_row2_item1' onClick={() => {
-                dispatch(push('/waterprevention'))
-            }}></div>
-            <div className='_row2_item2' onClick={() => { dispatch(push('/communitysafty')) }}></div>
-            <div className='_row2_item3' onClick={() => { dispatch(push('/firecontrol')) }}></div>
-        </div>
+    
+    return <div className='enter_container'>
+        <FullScreenContainer>
+            <div className='enter_homepage'>
+                <div className='_enter_title'></div>
+                <div className='_enter_row1'>
+                    <div className='_row1_item' onClick={() => { window.open('https://superchangnan.anxinyun.cn/') }}></div>
+                </div>
+                <div className='_enter_row2'>
+                    <div className='_row2_item1' onClick={() => {
+                        dispatch(push('/waterprevention'))
+                    }}></div>
+                    <div className='_row2_item2' onClick={() => { dispatch(push('/communitysafty')) }}></div>
+                    <div className='_row2_item3' onClick={() => { dispatch(push('/firecontrol')) }}></div>
+                </div>
+            </div>
+        </FullScreenContainer>
     </div>
 
 }
diff --git a/super-screen/client/src/sections/homePage/containers/style.less b/super-screen/client/src/sections/homePage/containers/style.less
index 7e40222..e7a5ef9 100644
--- a/super-screen/client/src/sections/homePage/containers/style.less
+++ b/super-screen/client/src/sections/homePage/containers/style.less
@@ -1,4 +1,4 @@
-.enter_homepage {
+.enter_container {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -7,174 +7,181 @@
     background: url('/assets/images/homepage/enter/bg.gif') !important;
     background-repeat: no-repeat;
     background-size: 100% 100%;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    padding-top: 5%;
-
-    ._enter_row1 {
-        height: 302px;
-
-        ._row1_item {
-            width: 1434px;
-            height: 241px;
-            // opacity: 0.8;
-            background: url('/assets/images/homepage/enter/row1.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
-        }
-
-        ._row1_item:hover {
-            width: 1434px;
-            height: 302.6px;
-            background: url('/assets/images/homepage/enter/row1-select.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
-        }
-    }
 
-    ._enter_row2 {
-        height: 427px;
-        display: flex;
+    .enter_homepage {
         width: 100%;
-        padding-left: 4%;
-
-        ._row2_item1 {
-            width: 454px;
-            height: 371px;
-            // opacity: 0.8;
-            background: url('/assets/images/homepage/enter/row2-1.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
-            margin-left: 60px;
+        height: 100%;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        padding-top: 5%;
+
+        ._enter_row1 {
+            height: 302px;
+
+            ._row1_item {
+                width: 1434px;
+                height: 241px;
+                // opacity: 0.8;
+                background: url('/assets/images/homepage/enter/row1.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
+
+            ._row1_item:hover {
+                width: 1434px;
+                height: 302.6px;
+                background: url('/assets/images/homepage/enter/row1-select.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
         }
 
-        ._row2_item1:hover {
-            background: url('/assets/images/homepage/enter/row2-1-select.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
+        ._enter_row2 {
+            height: 427px;
+            display: flex;
+            width: 100%;
+            padding-left: 4%;
+
+            ._row2_item1 {
+                width: 454px;
+                height: 371px;
+                // opacity: 0.8;
+                background: url('/assets/images/homepage/enter/row2-1.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+                margin-left: 60px;
+            }
+
+            ._row2_item1:hover {
+                background: url('/assets/images/homepage/enter/row2-1-select.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
+
+            ._row2_item2 {
+                margin-left: 60px;
+                width: 454px;
+                height: 371px;
+                // opacity: 0.8;
+                background: url('/assets/images/homepage/enter/row2-2.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
+
+            ._row2_item2:hover {
+                background: url('/assets/images/homepage/enter/row2-2-select.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
+
+            ._row2_item3 {
+                margin-left: 60px;
+                width: 454px;
+                height: 371px;
+                // opacity: 0.8;
+                background: url('/assets/images/homepage/enter/row2-3.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
+
+            ._row2_item3:hover {
+                background: url('/assets/images/homepage/enter/row2-3-select.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                cursor: pointer;
+            }
         }
 
-        ._row2_item2 {
-            margin-left: 60px;
-            width: 454px;
-            height: 371px;
-            // opacity: 0.8;
-            background: url('/assets/images/homepage/enter/row2-2.png');
+        ._enter_title {
+            position: absolute;
+            top: 4%;
+            left: 3%;
+            width: 575.35px;
+            height: 78px;
+            background: url('/assets/images/homepage/enter/title.png');
             background-repeat: no-repeat;
             background-size: 100% 100%;
-            cursor: pointer;
         }
 
-        ._row2_item2:hover {
-            background: url('/assets/images/homepage/enter/row2-2-select.png');
+        ._title {
+            width: 100%;
+            height: 88px;
+            background: url('/assets/images/homepage/bigscreen/top.png');
             background-repeat: no-repeat;
             background-size: 100% 100%;
-            cursor: pointer;
         }
 
-        ._row2_item3 {
-            margin-left: 60px;
-            width: 454px;
-            height: 371px;
-            // opacity: 0.8;
-            background: url('/assets/images/homepage/enter/row2-3.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
+        ._exit {
+            position: absolute;
+            right: 60px;
+            top: 38px;
             cursor: pointer;
+            color: #C8F0FF;
+            display: flex;
+
+            ._icon {
+                display: inline-block;
+                width: 28px;
+                height: 28px;
+                background: url('/assets/images/homepage/bigscreen/exit.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                margin-right: 3px;
+            }
         }
 
-        ._row2_item3:hover {
-            background: url('/assets/images/homepage/enter/row2-3-select.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            cursor: pointer;
+        .homepage-left {
+            width: 21.8%;
+            height: 89.6%;
+            position: absolute;
+            top: 8.2%;
+            z-index: 300;
         }
-    }
-
-    ._enter_title {
-        position: absolute;
-        top: 4%;
-        left: 3%;
-        width: 575.35px;
-        height: 78px;
-        background: url('/assets/images/homepage/enter/title.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-    }
-
-    ._title {
-        width: 100%;
-        height: 88px;
-        background: url('/assets/images/homepage/bigscreen/top.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-    }
 
-    ._exit {
-        position: absolute;
-        right: 60px;
-        top: 38px;
-        cursor: pointer;
-        color: #C8F0FF;
-        display: flex;
-
-        ._icon {
-            display: inline-block;
-            width: 28px;
-            height: 28px;
-            background: url('/assets/images/homepage/bigscreen/exit.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            margin-right: 3px;
+        .homepage-center {
+            width: 49.16%;
+            height: 89.6%;
+            position: absolute;
+            bottom: 2.4%;
+            left: 25.5%;
+            padding-left: 16px;
+            padding-right: 16px;
+            z-index: 400;
+
+            ._top {
+                margin-top: 5%;
+                height: calc(100% - 200px);
+                background: url('/assets/images/homepage/bigscreen/centerbg.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                position: relative;
+            }
         }
-    }
-
-    .homepage-left {
-        width: 21.8%;
-        height: 89.6%;
-        position: absolute;
-        top: 8.2%;
-        z-index: 300;
-    }
 
-    .homepage-center {
-        width: 49.16%;
-        height: 89.6%;
-        position: absolute;
-        bottom: 2.4%;
-        left: 25.5%;
-        padding-left: 16px;
-        padding-right: 16px;
-        z-index: 400;
-
-        ._top {
-            margin-top: 5%;
-            height: calc(100% - 200px);
-            background: url('/assets/images/homepage/bigscreen/centerbg.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            position: relative;
+        .homepage-left-left {
+            left: 48px;
         }
-    }
 
-    .homepage-left-left {
-        left: 48px;
-    }
+        .homepage-left-right {
+            right: 48px;
+        }
 
-    .homepage-left-right {
-        right: 48px;
     }
 
 }
 
 
+
 .list {
     list-style: none;
     height: 100%;
diff --git a/super-screen/client/src/sections/water-prevention/components/style.less b/super-screen/client/src/sections/water-prevention/components/style.less
index 2b86414..4de9582 100644
--- a/super-screen/client/src/sections/water-prevention/components/style.less
+++ b/super-screen/client/src/sections/water-prevention/components/style.less
@@ -785,6 +785,7 @@
     justify-content: center;
 
     .doc_img {
+        margin-top: 11px;
         width: 361.63px;
         height: 242.49px;
         background: url(/assets/images/homepage/water/doc.png);