shaogen1995 1 hónapja
szülő
commit
65cb7cd947

+ 1 - 1
public/BigScene/css/edit.css

@@ -6912,7 +6912,7 @@ ul.edit-bg {
   display: inline-block;
   display: inline-block;
   height: 80px;
   height: 80px;
   margin: 4%;
   margin: 4%;
-  background: rgba(255, 255, 255, 0.8);
+  background: rgba(255, 255, 255, 1);
   border: 3px solid rgba(83, 220, 255, .2);
   border: 3px solid rgba(83, 220, 255, .2);
   width: 92%;
   width: 92%;
   position: relative;
   position: relative;

+ 1 - 1
public/BigScene/css/lzb.css

@@ -944,7 +944,7 @@ ul.MenuOptions li.chosen {
     display: none;
     display: none;
     width: calc(84% - 36px);
     width: calc(84% - 36px);
     height: calc(100% - 180px);
     height: calc(100% - 180px);
-    border: 1px dotted rgba(255, 255, 255, 0.8);
+    border: 1px dotted rgba(255, 255, 255, 1);
     left: calc(8% + 18px);
     left: calc(8% + 18px);
     top: 86px;
     top: 86px;
 }
 }

+ 4 - 4
public/BigScene/css/main.css

@@ -53,7 +53,7 @@ figure {
   transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: center;
   text-align: center;
   font-size: 14px;
   font-size: 14px;
-  color: rgba(255, 255, 255, 0.8);
+  color: rgba(255, 255, 255, 1);
   display: flex;
   display: flex;
   justify-content: center;
   justify-content: center;
   align-items: center;
   align-items: center;
@@ -66,8 +66,8 @@ figure {
 #myCompany span {
 #myCompany span {
   font-size: 16px;
   font-size: 16px;
   padding: 5px 0;
   padding: 5px 0;
-  color: rgba(255, 255, 255, 0.8);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
+  color: rgba(255, 255, 255, 1);
+  border-bottom: 1px solid rgba(255, 255, 255, 1);
 }
 }
 
 
 .affix,
 .affix,
@@ -4982,7 +4982,7 @@ a.tag-link {
   width: 80%;
   width: 80%;
   height: 80%;
   height: 80%;
   border: 0;
   border: 0;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(255, 255, 255, 1);
 }
 }
 
 
 #datLinks {
 #datLinks {

+ 1 - 1
public/BigScene/hottemp/css/video.css

@@ -217,7 +217,7 @@
 .ui-icon-before:before {
 .ui-icon-before:before {
   content: "\f04b";
   content: "\f04b";
   font-size: 50px;
   font-size: 50px;
-  color: rgba(255, 255, 255, 0.8);
+  color: rgba(255, 255, 255, 1);
   z-index: 2;
   z-index: 2;
   font-size: 60px;
   font-size: 60px;
   position: relative;
   position: relative;

+ 1 - 1
public/BigScene/showa/index.html

@@ -349,7 +349,7 @@
                 </div>
                 </div>
             </div>
             </div>
             <div id="myCompany"
             <div id="myCompany"
-                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                 四维时代提供技术支持
                 四维时代提供技术支持
             </div>
             </div>
         </div>
         </div>

+ 1 - 1
public/BigScene/showa/index_cd.html

@@ -292,7 +292,7 @@
                         <div id="progressBar"></div>
                         <div id="progressBar"></div>
                     </div>
                     </div>
                 </div>
                 </div>
-                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                     成都全搜索.成都文明网.四维时代
                     成都全搜索.成都文明网.四维时代
                 </div>
                 </div>
             </div>
             </div>

+ 1 - 1
public/BigScene/showa/index_cdmrg.html

@@ -339,7 +339,7 @@
                 </div>
                 </div>
             </div>
             </div>
             <div id="myCompany"
             <div id="myCompany"
-                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                 四维时代提供技术支持
                 四维时代提供技术支持
             </div>
             </div>
         </div>
         </div>

+ 1 - 1
public/BigScene/showa/index_ceshi.html

@@ -284,7 +284,7 @@
                         <div id="progressBar"></div>
                         <div id="progressBar"></div>
                     </div>
                     </div>
                 </div>
                 </div>
-                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                     四维时代提供技术支持
                     四维时代提供技术支持
                 </div>
                 </div>
             </div>
             </div>

+ 1 - 1
public/BigScene/showa/index_hcy.html

@@ -319,7 +319,7 @@
                 </div>
                 </div>
             </div>
             </div>
             <!-- <div id="myCompany"
             <!-- <div id="myCompany"
-                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                 四维时代提供技术支持
                 四维时代提供技术支持
             </div> -->
             </div> -->
         </div>
         </div>

+ 1 - 1
public/BigScene/showa/index_nologo.html

@@ -349,7 +349,7 @@
                 </div>
                 </div>
             </div>
             </div>
             <div id="myCompany"
             <div id="myCompany"
-                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                 <!-- 四维时代提供技术支持 -->
                 <!-- 四维时代提供技术支持 -->
             </div>
             </div>
         </div>
         </div>

+ 1 - 1
public/BigScene/showa/index_op.html

@@ -319,7 +319,7 @@
                 </div>
                 </div>
             </div>
             </div>
             <div id="myCompany"
             <div id="myCompany"
-                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                 四维时代提供技术支持
                 四维时代提供技术支持
             </div>
             </div>
         </div>
         </div>

+ 1 - 1
public/BigScene/showa/index_sjbd.html

@@ -292,7 +292,7 @@
                         <div id="progressBar"></div>
                         <div id="progressBar"></div>
                     </div>
                     </div>
                 </div>
                 </div>
-                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                     
                     
                 </div>
                 </div>
             </div>
             </div>

+ 1 - 1
public/BigScene/showa/sceen.html

@@ -308,7 +308,7 @@
                         <div id="progressBar"></div>
                         <div id="progressBar"></div>
                     </div>
                     </div>
                 </div>
                 </div>
-                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 1);">
                     
                     
                 </div>
                 </div>
             </div>
             </div>

BIN
public/myData/base.ts


BIN
src/assets/sgImg/icon_more.png


BIN
src/assets/sgImg/icon_skip.png


+ 36 - 13
src/pages/A0base/index.module.scss

@@ -46,9 +46,20 @@
         .btn {
         .btn {
           padding-top: 10px;
           padding-top: 10px;
           font-size: 14px;
           font-size: 14px;
-          font-weight: 600;
           color: rgba(93, 96, 96, 1);
           color: rgba(93, 96, 96, 1);
           cursor: pointer;
           cursor: pointer;
+          position: relative;
+
+          &::before {
+            content: '';
+            position: absolute;
+            left: 55px;
+            top: 8px;
+            width: 22px;
+            height: 22px;
+            background-image: url('../../assets/sgImg/icon_more.png');
+            background-size: 100% 100%;
+          }
         }
         }
       }
       }
 
 
@@ -146,14 +157,14 @@
       position: absolute;
       position: absolute;
       z-index: 1;
       z-index: 1;
       top: 3%;
       top: 3%;
-      left: 5%;
+      left: 3%;
       cursor: pointer;
       cursor: pointer;
       color: rgba(255, 233, 182, 1);
       color: rgba(255, 233, 182, 1);
     }
     }
 
 
     /* 先导片 */
     /* 先导片 */
     .guideVideo {
     .guideVideo {
-
+      
       display: none !important;
       display: none !important;
 
 
       width: 50px;
       width: 50px;
@@ -210,38 +221,50 @@
         font-size: 16px;
         font-size: 16px;
       }
       }
     }
     }
-    .A0baseContainner .content{
+
+    .A0baseContainner .content {
       width: 68%;
       width: 68%;
-      .title{
+
+      .title {
         width: 160px;
         width: 160px;
         font-size: 26px;
         font-size: 26px;
       }
       }
-      .text{
+
+      .text {
         color: black;
         color: black;
         font-size: 18px;
         font-size: 18px;
         line-height: 24px;
         line-height: 24px;
         letter-spacing: 1px;
         letter-spacing: 1px;
         text-align: justify;
         text-align: justify;
       }
       }
-      .btn{
+
+      .btn {
         font-size: 18px;
         font-size: 18px;
         padding-top: 30px;
         padding-top: 30px;
+
+        &::before {
+          left: 72px;
+          top: 30px;
+       
+        }
       }
       }
     }
     }
 
 
 
 
 
 
     .interact {
     .interact {
+      left: 0;
       width: 100px;
       width: 100px;
       height: 200px;
       height: 200px;
-      .inter_content_active{
-      .inter{
-        margin: 4px 0;
-        height: 24px;
-        font-size: 16px;
+
+      .inter_content_active {
+        .inter {
+          margin: 4px 0;
+          height: 24px;
+          font-size: 16px;
+        }
       }
       }
     }
     }
-    }
   }
   }
 
 
 }
 }

+ 1 - 1
src/pages/A0base/index.tsx

@@ -37,7 +37,7 @@ function A0base() {
       {/* 互动 */}
       {/* 互动 */}
       <div className='interact'>
       <div className='interact'>
         <div className={`inter_content ${isOpenInteract ? 'inter_content_active' : ''}`}>
         <div className={`inter_content ${isOpenInteract ? 'inter_content_active' : ''}`}>
-          <div className='inter'>影智绘</div>
+          <div className='inter'>影智绘</div>
           <div className='inter'>展览图谱</div>
           <div className='inter'>展览图谱</div>
           <div className='inter'>AI问答</div>
           <div className='inter'>AI问答</div>
         </div>
         </div>

+ 27 - 10
src/pages/A1home/index.module.scss

@@ -45,21 +45,38 @@
       height: 100%;
       height: 100%;
       z-index: 11;
       z-index: 11;
       background-color: rgba(0, 0, 0, .6);
       background-color: rgba(0, 0, 0, .6);
-      display: flex;
-      justify-content: center;
-      align-items: center;
+
 
 
       .AlodingT {
       .AlodingT {
-        width: 80%;
-        height: 20px;
-        border: 1px solid #fff;
-        border-radius: 10px;
-        overflow: hidden;
+        position: absolute;
+        bottom: 10%;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 70%;
+        height: 8px;
+        border: 1px solid #6b6355;
+        background-color: #6b6355;
+        border-radius: 4px;
+
 
 
-        &>div {
+        .AlodingT1 {
           width: 0%;
           width: 0%;
           height: 100%;
           height: 100%;
-          background-color: #fff;
+          background-color: #ffe9b6;
+          border-radius: 4px;
+          overflow: hidden;
+        }
+
+        .AlodingT2 {
+          width: 30px;
+          height: 30px;
+          max-height: 999999px;
+          object-fit: contain !important;
+          position: absolute;
+          z-index: 10;
+          top: -30px;
+          left: 0;
+          transform: translateX(-15px);
         }
         }
       }
       }
     }
     }

+ 10 - 6
src/pages/A1home/index.tsx

@@ -57,12 +57,14 @@ function A1home() {
           window.location.replace('#/base')
           window.location.replace('#/base')
         }, // 触发播放结束事件
         }, // 触发播放结束事件
         onSourceEstablished: () => {
         onSourceEstablished: () => {
-          setVideo2Flag(true)
+          setTimeout(() => {
+            setVideo2Flag(true)
+          }, 500)
         } //有足够的数据可以播放了
         } //有足够的数据可以播放了
       }
       }
       playerRef.current = F_Video('./myData/home.ts', params)
       playerRef.current = F_Video('./myData/home.ts', params)
-      const dom = document.querySelector('.A1videoBox')!
-      dom.append(playerRef.current.domElement)
+      const dom = document.querySelector('.A1videoBox')
+      if (dom) dom.append(playerRef.current.domElement)
     }
     }
   }, [baseFlag])
   }, [baseFlag])
 
 
@@ -72,7 +74,6 @@ function A1home() {
       if (modalIframe) {
       if (modalIframe) {
         modalIframe.style.display = 'block'
         modalIframe.style.display = 'block'
         modalIframe.src = 'Chenzhebei-ShanxiMuseum/index.html'
         modalIframe.src = 'Chenzhebei-ShanxiMuseum/index.html'
-        modalIframe.loading = 'lazy'
       }
       }
       window.unityLoading = (progress: number) => {
       window.unityLoading = (progress: number) => {
         clearInterval(timeRef.current)
         clearInterval(timeRef.current)
@@ -99,14 +100,17 @@ function A1home() {
       {baseFlag ? (
       {baseFlag ? (
         <div className='Aloding'>
         <div className='Aloding'>
           <div className='AlodingT'>
           <div className='AlodingT'>
-            <div style={{ width: `${loding}%` }}></div>
+            <div className='AlodingT1' style={{ width: `${loding}%` }}></div>
+            <img className='AlodingT2' style={{left: `${loding}%`}} src={require('@/assets/sgImg/icon_skip.png')} alt="" />
           </div>
           </div>
         </div>
         </div>
       ) : null}
       ) : null}
 
 
       <div className={classNames('A1video', loding >= 100 ? 'A1videoShow' : '')}>
       <div className={classNames('A1video', loding >= 100 ? 'A1videoShow' : '')}>
         <div className='A1videoBox'></div>
         <div className='A1videoBox'></div>
-        <div className='A1videoBtn' onClick={()=>window.location.replace('#/base')}>跳过</div>
+        <div className='A1videoBtn' onClick={() => window.location.replace('#/base')}>
+          跳过
+        </div>
       </div>
       </div>
     </div>
     </div>
   )
   )

+ 0 - 1
src/pages/A1home2/index.tsx

@@ -36,7 +36,6 @@ function A1home() {
       if (modalIframe) {
       if (modalIframe) {
         modalIframe.style.display = 'block'
         modalIframe.style.display = 'block'
         modalIframe.src = 'Chenzhebei-ShanxiMuseum/index.html'
         modalIframe.src = 'Chenzhebei-ShanxiMuseum/index.html'
-        modalIframe.loading = 'lazy'
       }
       }
     }
     }
   }, [baseFlag])
   }, [baseFlag])

+ 1 - 1
src/pages/A2yblm/components/Intro/index.module.scss

@@ -39,7 +39,7 @@
 
 
       .content {
       .content {
         width: calc(100% - 40px);
         width: calc(100% - 40px);
-        color: rgba(255, 255, 255, 0.8);
+        color: rgba(255, 255, 255, 1);
         font-size: 12px;
         font-size: 12px;
         font-weight: lighter;
         font-weight: lighter;
       }
       }