Jelajahi Sumber

准备替换unity=》3-1

shaogen1995 4 minggu lalu
induk
melakukan
3be193fd25

+ 2 - 2
src/components/Skip/index.module.scss

@@ -27,8 +27,8 @@
     .skipIcon {
       position: relative;
       top: -2px;
-      width: 24px;
-      height: 24px;
+      width: 20px;
+      height: 20px;
     }
   }
 }

+ 1 - 1
src/components/Skip/index.tsx

@@ -33,7 +33,7 @@ function Skip({ imgSrc, clickFu, num = 1 }: Props) {
       className={classNames(styles.Skip, show ? styles.SkipShow : '', imgSrc ? styles.Skip2 : '')}
       onClick={clickFu}
     >
-      <div className='skipTxt'> {myLangue === 'ZH' ? '跳过' : 'skip'}</div>
+      <div className='skipTxt songFont'> {myLangue === 'ZH' ? '跳过' : 'skip'}</div>
       <img
         className='skipIcon'
         src={require(`@/assets/sgImg/${imgSrc ? imgSrc : 'icon_skip@2x'}.png`)}

+ 9 - 9
src/pages/A0base/index.module.scss

@@ -43,7 +43,7 @@
           font-size: 16px;
           line-height: 24px;
           letter-spacing: 2px;
-          color: #504e40;
+          color: #878682;
           text-align: justify;
           font-weight: 400;
         }
@@ -87,7 +87,7 @@
           text-align: center;
           color: rgba(255, 233, 182, 1);
           cursor: pointer;
-          font-size: 17px;
+          font-size: 18px;
         }
 
         .baseAc {
@@ -174,10 +174,10 @@
 
     /* 先导片 */
     .guideVideo {
-      display: none !important;
+      // display: none !important;
       transform: translateZ(0);
-      width: 50px;
-      height: 50px;
+      width: 45px;
+      height: 45px;
       position: absolute;
       z-index: 1;
       top: 2%;
@@ -186,20 +186,20 @@
       align-items: center;
       justify-content: center;
       flex-direction: column;
-      color: rgba(177, 150, 123, 1);
+      color: #B1967B;
       cursor: pointer;
 
       & > img {
         width: 44px;
-        object-fit: cover;
+        object-fit: contain;
       }
 
       & > .guideVideoTitle {
         height: 12px;
         line-height: 8px;
         font-weight: 500;
-        margin-top: 5px;
-        font-size: 16px;
+        margin-top: 1px;
+        font-size: 14px;
       }
     }
   }

+ 16 - 6
src/pages/A0base/index.tsx

@@ -61,10 +61,13 @@ function A0base() {
       {/* 互动 */}
       <div className='interact'>
         <div className={`inter_content ${isOpenInteract ? 'inter_content_active' : ''}`}>
-          <div className='inter' onClick={() => {
-            unityDomShow(false)
-            window.location.replace('#/byzh')
-          }}>
+          <div
+            className='inter'
+            onClick={() => {
+              unityDomShow(false)
+              window.location.replace('#/byzh')
+            }}
+          >
             {myLangue === 'EN' ? 'Stele Shadow Intelligence Mapping' : '碑影智绘'}
           </div>
           <div
@@ -102,9 +105,16 @@ function A0base() {
       </div>
 
       {/* 先导片 */}
-      <div className='guideVideo'>
+      <div
+        className='guideVideo'
+        onClick={() => {
+          Toast.show({
+            content: '正在开发中'
+          })
+        }}
+      >
         <img src={require('@/assets/img/guideVideo.png')} alt='' />
-        <div className='guideVideoTitle'>先导片</div>
+        <div className='guideVideoTitle'>{myLangue==='EN'?'PromotionalVideo':'先导片'}</div>
       </div>
     </div>
   )

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

@@ -121,7 +121,7 @@ function A1home() {
           {progress !== 100 ? (
             <img src={require('@/assets/img/home_loading.png')} alt='' draggable='false' />
           ) : (
-            <div className='txt'>{myLangue === 'ZH' ? '点击进入' : 'enter'}</div>
+            <div className='txt songFontc'>{myLangue === 'ZH' ? '点击进入' : 'enter'}</div>
           )}
         </div>
         <div className='progress' style={{ opacity: progress === 100 ? 0 : 1 }}>

+ 3 - 3
src/pages/A2yblm/index.tsx

@@ -85,7 +85,7 @@ function A2yblm() {
       {/* 左侧边 */}
       <div className='A2_tabBar' style={{ display: isShowTabBar ? 'flex' : 'none' }}>
         <div
-          className={`tab ${currentTab === 'tab1' ? 'tab_active' : ''}`}
+          className={`tab songFont ${currentTab === 'tab1' ? 'tab_active' : ''}`}
           onClick={() => setCurrentTab('tab1')}
         >
           {myLangue === 'EN' ? (
@@ -99,7 +99,7 @@ function A2yblm() {
           {myLangue === 'EN' ? 'Introduction' : '简介'}
         </div>
         <div
-          className={`tab ${currentTab === 'tab2' ? 'tab_active' : ''}`}
+          className={`tab songFont ${currentTab === 'tab2' ? 'tab_active' : ''}`}
           onClick={() => setCurrentTab('tab2')}
         >
           {myLangue === 'EN' ? (
@@ -113,7 +113,7 @@ function A2yblm() {
           {myLangue === 'EN' ? 'Appreciation' : '赏析'}
         </div>
         <div
-          className={`tab ${currentTab === 'tab3' ? 'tab_active' : ''}`}
+          className={`tab songFont ${currentTab === 'tab3' ? 'tab_active' : ''}`}
           onClick={() => setCurrentTab('tab3')}
         >
           {myLangue === 'EN' ? (