Explorar el Código

右下角按钮大小调整

shaogen1995 hace 1 año
padre
commit
6d1808063f

+ 1 - 1
Code/public/myData/myData.js

@@ -795,7 +795,7 @@ moreHotArr = moreHotArr.filter(v => !v.noShow)
 const myDataTemp = {
   // 开发调试为 false  正式上线为  true
   // 开发调试的时候 取消所有加载进度条 所有的视频动画都加上跳过按钮
-  isLdong: true,
+  isLdong: false,
 
   // 首页(静态资源目录位置:staticData/home)
   home: {

+ 6 - 0
Code/src/assets/styles/base.css

@@ -146,6 +146,12 @@ textarea {
   opacity: 1;
   pointer-events: auto;
 }
+@media screen and (min-width: 1200px) {
+  #BtnRight {
+    width: 35px;
+    height: 35px;
+  }
+}
 #HotOpCss {
   animation: HotOpCss 0.5s linear forwards;
 }

+ 7 - 0
Code/src/assets/styles/base.less

@@ -178,6 +178,13 @@ textarea {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  #BtnRight {
+    width: 35px;
+    height: 35px;
+  }
+}
+
 // 热点页面打开透明的变化
 #HotOpCss {
   animation: HotOpCss 0.5s linear forwards;

+ 6 - 0
Code/src/components/FloorBtn/index.module.scss

@@ -34,5 +34,11 @@
         background-image: url('../../assets/img/icon-more1.png');
       }
     }
+    @media screen and (min-width: 1200px) {
+      div {
+        width: 35px;
+        height: 35px;
+      }
+    }
   }
 }

+ 2 - 3
Code/src/pages/A3banquet/index.tsx

@@ -64,9 +64,8 @@ function A3banquet() {
           {/* 跳到下一章 */}
           <NextPage clickSon={() => setLastVideo(true)} txt='乐舞百戏' />
 
-          {/* 右下角按钮 待完善 隐藏游戏*/}
-          {/* <FloorBtn unityId='2' gameFu={() => setGameShow(true)} /> */}
-          <FloorBtn unityId='2' />
+          {/* 右下角按钮*/}
+          <FloorBtn unityId='2' gameFu={() => setGameShow(true)} />
         </div>
       ) : null}
 

+ 8 - 0
Code/src/pages/B1more/index.module.scss

@@ -108,5 +108,13 @@
         transform: translateY(-50%);
       }
     }
+    @media screen and (min-width: 1200px) {
+      .A6rBtn {
+        & > div {
+          width: 35px;
+          height: 35px;
+        }
+      }
+    }
   }
 }

+ 2 - 1
Code/src/pages/B2hots/index.tsx

@@ -3,6 +3,7 @@ import styles from './index.module.scss'
 import history from '@/utils/history'
 import { baseURL, myData } from '@/utils/http'
 import classNames from 'classnames'
+import BtnRight from '@/components/BtnRight'
 
 const pushObj = {
   1: '/yun',
@@ -61,7 +62,7 @@ function B2hots() {
       </div>
 
       {/* 返回按钮 */}
-      <div className='B2back' title='返回' onClick={() => history.go(-1)}></div>
+      <BtnRight imgName='back' clickSon={() => history.go(-1)} title='返回' />
     </div>
   )
 }

+ 9 - 1
Code/src/pages/B3yun/index.module.scss

@@ -223,7 +223,7 @@
       position: absolute;
       z-index: 10;
       right: 25px;
-      bottom: 25px;
+      bottom: 50px;
       display: flex;
 
       & > div {
@@ -247,5 +247,13 @@
         }
       }
     }
+    @media screen and (min-width: 1200px) {
+      .yunBtn {
+        & > div {
+          width: 35px;
+          height: 35px;
+        }
+      }
+    }
   }
 }

+ 2 - 14
Code/src/pages/B4xian/index.module.scss

@@ -17,20 +17,8 @@
       }
     }
     // 返回按钮
-    .B4back {
-      position: absolute;
-      z-index: 10;
-      right: 25px;
-      bottom: 25px;
-      background-image: url('../../assets/img/icon-back.png');
-      cursor: pointer;
-      width: 50px;
-      height: 50px;
-      background-size: 100% 100%;
-      transition: all 0.3s;
-      &:hover {
-        background-image: url('../../assets/img/icon-back1.png');
-      }
+    #BtnRight {
+      bottom: 50px;
     }
   }
 }

+ 2 - 1
Code/src/pages/B4xian/index.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useRef, useState } from 'react'
 import styles from './index.module.scss'
 import { baseURL } from '@/utils/http'
 import history from '@/utils/history'
+import BtnRight from '@/components/BtnRight'
 function B4xian() {
   const [isFlag, setIsFlag] = useState(false)
 
@@ -42,7 +43,7 @@ function B4xian() {
       </div>
 
       {/* 返回按钮 */}
-      <div className='B4back' title='返回' onClick={() => history.go(-1)}></div>
+      <BtnRight imgName='back' clickSon={() => history.go(-1)} title='返回' />
     </div>
   )
 }

BIN
资源/staticData/chef/3_1.mp4