fix: 修改太湖集成登录引导页 样式部分丢失

src/pages/bootpage/template/project/taihu/index.js

@@ -13,11 +13,11 @@ import icon3 from '@/assets/images/integration/taihu/支撑平台_arrow.png';
 
 import useFullScreen from '../../demonstration/components/useFullScreen';
 import defaultConfig from './data.json';
-import styles from './integration.less';
+import styles from './index.less';
 import Iframe from '../../demonstration/components/Iframe';
 const boxWidth = 1920;
 const boxHeight = 1008;
-const Integration = props => {
+const IntegrationTaihu = props => {
   const [ref, isFullscreen, handleFullScreen, handleExitFullScreen] = useFullScreen(false);
   const timer2 = useRef(null);
   const timer3 = useRef(null);
@@ -191,7 +191,7 @@ const Integration = props => {
   }, []);
 
   return (
-    <div className={classNames(styles.integration, 'integration')} ref={ref}>
+    <div className={classNames(styles.integrationTaihu, 'integrationTaihu')} ref={ref}>
       {jumpLoading ? (
         <div className={styles.integrationJumpLoad} key="jumpLoading">
           <div style={{ width: '285px' }}>
@@ -200,7 +200,7 @@ const Integration = props => {
         </div>
       ) : null}
       {!linkUrl ? (
-        <div className={styles.integration_exit} onClick={exit}>
+        <div className={styles.integrationTaihu_exit} onClick={exit}>
           <Button type="text" style={{ color: '#fff', fontSize: '24px' }}>
             {isFullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}
           </Button>
@@ -215,12 +215,12 @@ const Integration = props => {
           transform: `scale(${boxSize.scale}) translate(-50%,-50%)`,
         }}
       >
-        <div className={styles.integration_title}>
-          <div className={styles.integration_title_left} />
-          <div className={styles.integration_title_text}>
+        <div className={styles.integrationTaihu_title}>
+          {/* <div className={styles.integrationTaihu_title_left} /> */}
+          <div className={styles.integrationTaihu_title_text}>
             <span>{configData?.['标题'] || '智慧水务综合监控平台'}</span>
           </div>
-          <div className={styles.integration_title_right} />
+          {/* <div className={styles.integrationTaihu_title_right} /> */}
         </div>
         <div className={styles.integration_row} type="综合管控">
           <div className={styles.integration_row_title} type="综合管控">
@@ -424,4 +424,4 @@ const Integration = props => {
     </div>
   );
 };
-export default Integration;
+export default IntegrationTaihu;

src/pages/bootpage/template/project/taihu/integration.less → src/pages/bootpage/template/project/taihu/index.less

-@imgSrc2: '@/assets/images/integration2/';
 @imgSrc: '@/assets/images/integration/taihu/';
 
 
 
-.integration {
+.integrationTaihu {
   width: 100%;
   position: relative;
   height: 100%;
   overflow: hidden;
-  background: url('@{imgSrc}/背景.jpg') center/100% 100% no-repeat;
+  background: url('@/assets/images/integration/taihu/背景.jpg') center/100% 100% no-repeat;
 
   .iframeExitIcon {
     position: absolute;
@@ -78,7 +77,7 @@
 
   }
 
-  &_exit {
+  .integrationTaihu_exit {
     position: absolute;
     right: 10px;
     top: 10px;
@@ -108,13 +107,13 @@
       writing-mode: vertical-rl;
       font-weight: bold;
       font-size: 22px;
-      color: #FFFFFF;
+      color: #fff;
       line-height: 33px;
-      text-shadow: 0px 0px 18px rgba(0, 144, 255, 0.5);
+      text-shadow: 0 0 18px rgba(0, 144, 255, 0.5);
       display: flex;
       align-items: flex-start;
       justify-content: center;
-      letter-spacing: 1px;
+      letter-spacing: 3px;
 
       img {
         width: 33px;
@@ -760,14 +759,15 @@
   }
 
   //业务支撑end
-  &_title {
+  .integrationTaihu_title {
     display: flex;
     // align-items: center;
-
+    justify-content: center;
+    padding-top: 10px;
     &_left {
       width: 372px;
       height: 75px;
-      background: url('@{imgSrc2}/left.png') center/100% 100% no-repeat;
+      background: url('@/assets/images/integration2/left.png') center/100% 100% no-repeat;
 
     }
 
@@ -792,7 +792,7 @@
     &_right {
       width: 372px;
       height: 75px;
-      background: url('@{imgSrc2}/right.png') center/100% 100% no-repeat;
+      background: url('@/assets/images/integration2/right.png') center/100% 100% no-repeat;
 
     }
   }
@@ -856,7 +856,7 @@
 }
 
 & :global {
-  .integration {
+  .integrationTaihu {
     .anticon {
       vertical-align: 0.125em;
     }