fix: 界首、浦口、绿城、蠡县、尖扎、高要、易县登录页修改

src/pages/user/login/template/project/gaoyao/index.js

@@ -15,6 +15,7 @@ import Account from '../../../js/useAccount';
 import { defaultApp } from '../../../../../../micro';
 import logo from './images/5.png';
 import loginTitlePng from './images/9.png'
+import bgImage from './images/8.png'
 import qrcodePng from './images/1.png'
 
 const PopOvercontent = () =>{
@@ -155,6 +156,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.gaoyaologin)}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['login-header']}>
                     <img
                         role="logo"

src/pages/user/login/template/project/gaoyao/index.less

@@ -2,8 +2,8 @@
 .gaoyaologin {
     width: 100%;
     height: 100%;
-    background: url('./images/8.png') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/8.png') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -13,6 +13,14 @@
     justify-content: center;
     align-items: center;
 
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
     .login-block {
         width: 500px;
         margin: 60px 0 150px 0;
@@ -247,6 +255,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        z-index: 2;
 
         .cn-title{
             font-size: 50px;

src/pages/user/login/template/project/jianzha/index.js

@@ -13,6 +13,7 @@ import { defaultApp } from '../../../../../../micro';
 import logoPng from './images/7.png'
 import qrcodePng from './images/1.png'
 import QRCode from 'qrcode.react';
+import bgImage from './images/2.jpg'
 import classnames from 'classnames';
 import moment from 'moment';
 
@@ -153,6 +154,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.jianzhalogin, "jianzha")}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['inner-wrapper']}>
                     <div className={styles['inner-center']}>
                         <div className={styles['welcome-title']}>

src/pages/user/login/template/project/jianzha/index.less

@@ -2,8 +2,8 @@
 .jianzhalogin {
     width: 100%;
     height: 100%;
-    background: url('./images/2.jpg') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/2.jpg') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -12,6 +12,13 @@
     justify-content: center;
     align-items: center;
 
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
     .inner-bg {
         width: 100%;
         // height: 100%;

src/pages/user/login/template/project/jieshou/index.js

@@ -186,8 +186,8 @@ const Login = forwardRef((props, _ref) => {
       <div
         className={classnames(styles.jieshouLogin, 'jieshouLogin')}
         onClick={onShow}
-        style={{ background: `url(${bg}) no-repeat`, backgroundPosition: 'center' }}
       >
+          <img src={bg} alt='' className={styles['bg-image']}/>
         {show ? (
           <div className={classnames(styles['wrapper'])}>
             <QueueAnim type="scale" duration={1000}>

src/pages/user/login/template/project/jieshou/index.less

@@ -10,6 +10,15 @@
     justify-content: center;
     align-items: center;
 
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+
     .caseHide {
         display: none !important;
     }

src/pages/user/login/template/project/lixian/index.js

@@ -18,6 +18,7 @@ import img3 from './images/3.png';
 import img4 from './images/4.png';
 import img8 from './images/8.png';
 import img10 from './images/10.png';
+import bgImage from './images/7.png'
 import qrcodePng from './images/qrcode.png';
 
 const Login = forwardRef((props, _ref) => {
@@ -154,6 +155,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.lixianlogin, "lixian")}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['inner-wrapper']}>
                     {/* <div className={styles['left-imgbox']}></div> */}
                     <div className={styles['inner-center']}>

src/pages/user/login/template/project/lixian/index.less

@@ -2,8 +2,8 @@
 .lixianlogin {
     width: 100%;
     height: 100%;
-    background: url('./images/7.png') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/7.png') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -12,6 +12,14 @@
     justify-content: center;
     align-items: center;
 
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
     .inner-bg {
         width: 100%;
         height: 290px;

src/pages/user/login/template/project/lvcheng/index.js

@@ -12,6 +12,7 @@ import Account from '../../../js/useAccount';
 import { defaultApp } from '../../../../../../micro';
 import logoPng from './images/7.png'
 import qrcodePng from './images/1.png'
+import bgImage from './images/2.png'
 import QRCode from 'qrcode.react';
 import classnames from 'classnames';
 import moment from 'moment';
@@ -153,6 +154,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.lvchenglogin, "lvcheng")}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['inner-wrapper']}>
                     <div className={styles['title-image']}></div>
                     <div className={styles['inner-center']}>

src/pages/user/login/template/project/lvcheng/index.less

@@ -2,8 +2,8 @@
 .lvchenglogin {
     width: 100%;
     height: 100%;
-    background: url('./images/2.png') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/2.png') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -11,7 +11,13 @@
     display: flex;
     justify-content: center;
     align-items: center;
-
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
     .inner-bg {
         width: 100%;
         // height: 100%;

src/pages/user/login/template/project/pukou/index.js

@@ -13,6 +13,7 @@ import { defaultApp } from '../../../../../../micro';
 import logoPng from './images/7.png'
 import qrcodePng from './images/1.png'
 import welcomePng from './images/4.png'
+import bgImage from './images/2.jpg'
 import QRCode from 'qrcode.react';
 import classnames from 'classnames';
 import moment from 'moment';
@@ -154,6 +155,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.lvchenglogin, "lvcheng")}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['inner-wrapper']}>
                     <div className={styles['title-image-box']}>
                         <img src={logoPng} alt='' className={styles['title-image']}/>

src/pages/user/login/template/project/pukou/index.less

@@ -2,8 +2,8 @@
 .lvchenglogin {
     width: 100%;
     height: 100%;
-    background: url('./images/2.jpg') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/2.jpg') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -11,7 +11,13 @@
     display: flex;
     justify-content: center;
     align-items: center;
-
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
     .inner-bg {
         width: 100%;
         // height: 100%;

src/pages/user/login/template/project/yixian/index.js

@@ -15,6 +15,7 @@ import Account from '../../../js/useAccount';
 import { defaultApp } from '../../../../../../micro';
 import logo from './images/5.png';
 import loginTitlePng from './images/9.png'
+import bgImage from './images/8.png'
 
 
 const Login = forwardRef((props, _ref) => {
@@ -147,6 +148,7 @@ const Login = forwardRef((props, _ref) => {
                 <meta name="description" content={props.global.title || defaultSetting.title} />
             </Helmet>
             <div className={classnames(styles.xinganlogin)}>
+                <img src={bgImage} alt='' className={styles['bg-image']}/>
                 <div className={styles['inner-wrapper']}>
                     {/* <div className={styles['left-imgbox']}></div> */}
                     <div className={styles['inner-center']}>

src/pages/user/login/template/project/yixian/index.less

@@ -2,8 +2,8 @@
 .xinganlogin {
     width: 100%;
     height: 100%;
-    background: url('./images/8.png') no-repeat;
-    background-size: 100% 100%;
+    // background: url('./images/8.png') no-repeat;
+    // background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
     min-height: 7.0rem;
@@ -12,6 +12,14 @@
     justify-content: center;
     align-items: center;
 
+    .bg-image{
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
     .inner-bg {
         width: 100%;
         height: 100%;