登录页添加背景文字

code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx

@@ -31,7 +31,7 @@ const Login = props => {
     return (
         <div style={{
             // height: '100vh',
-         // backgroundImage: "url('/assets/images/background/loginBackground.png')",
+            //  backgroundImage: "url('/assets/images/background/loginBackground.gif')",
             // backgroundSize: 'cover',
             // backgroundRepeat: 'no-repeat',
             // position: 'relative',
@@ -44,15 +44,26 @@ const Login = props => {
                 src="/assets/video/login_bg.mp4"
                 type="video/mp4"
             />
+            <img src='/assets/images/background/loginBackground.gif' style={{
+                width: "100%",
+                height: 'calc(100vh - 4px)',
+                objectFit: "cover",
+                objectPosition: 'left top',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                zIndex: "5"
+            }} />
             <div style={{
                 width: 446,
                 height: 348,
                 padding: '45px 60px',
                 background: 'linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,.3))',
-            backdropFilter:"saturate(100%) contrast(100%) blur(17px)",
+                backdropFilter: "saturate(100%) contrast(100%) blur(17px)",
                 position: 'absolute',
                 top: '33.89%',
                 right: '16.43%',
+                zIndex: "6"
             }}>
                 <div style={{ width: 113, height: 24, marginTop: 3, marginLeft: 5 }}>
                     <img src="/assets/images/background/user_login.png" alt="" style={{ width: '100%', height: '100%' }} />

code/VideoAccess-VCMP/web/client/src/sections/example/containers/example.jsx

@@ -14,6 +14,7 @@ const Example = (props) => {
 
     // websocket 使用测试
     useEffect(() => {
+        console.log(socket)
         if (socket) {
             socket.on('TEST', function (msg) {
                 console.info(msg);