处理样式

app/globals.css

@@ -283,9 +283,13 @@ footer{
   width: max-content;
   border-radius: 0.25rem;
 } */
+.mediaDom .adm-image-viewer-slides-inner{
+  padding-top: 68px;
+}
 .mediaDom .adm-image-viewer-slide{
-  /* max-height: 90vh; */
-  max-width: 100vw;
+  max-height: calc(100vh - 100px);
+  width: 100vw;
+
 }
 .photos-body img{
   /* max-height: 90vh; */
@@ -303,8 +307,13 @@ footer{
   border-radius: 0.25rem;
 }
 
+.photos-bodyBox-full{
+  width: 100vw;
+  max-height: calc(100vh);
+}
 .photos-bodyBox{
   width: 100vw;
+  max-height: calc(100vh - 120px);
 }
 
 .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {

app/layout.js

@@ -84,7 +84,7 @@ export default function RootLayout({ children }) {
         <meta name="apple-mobile-web-app-capable" content="yes" />
         {/* <!-- 用来定义顶部状态栏的形式默认是default为白色 black为黑色 black-translucent为灰色半透明（会占据屏幕的约20px，不同的设备可能会有差异）--> */}
         {/* <!-- 在定义了apple-mobile-web-app-capable的前提下，设置状态栏的属性值apple-mobile-web-app-status-bar-style才有效； --> */}
-        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
         {/* <!-- apple-touch-startup-image用来配置启动动画 --> */}
         {/* <!-- 这里要注意，这里图片的尺寸要和设备的静态图片显示尺寸完全对应，差一个像素都会导致启动动画无法显示 --> */}
         {/* <!-- 下面列举了iPhone的所有尺寸（ps:为了方便大家就全部贴出来了！！） --> */}

app/my/setting/editPassword/page.js

@@ -135,13 +135,11 @@ export default function EditPassword() {
       }
       Toast.show({
         icon: "success",
-        content: "修改成功，请重新登录",
+        content: searchParams.get("is_enabled") == "0"?"密码设置成功":"密码修改成功",
         position: "top",
       });
       if(searchParams.get("is_enabled") == "0"){
         router.push("/")
-      }else{
-        router.push("/login");signOut()
       }
     } catch (error) {
       console.error(error);
@@ -273,9 +271,9 @@ export default function EditPassword() {
       {searchParams.get("is_enabled") == "0" && (
         <div
           onClick={() => router.push(`/`)}
-          className="fixed bottom-6 w-full text-[#FF669E] text-xs text-center"
+          className="mt-4 w-full text-[#FFFFFF80] text-xs text-center"
         >
-          跳过，稍后设置
+          跳过
         </div>
       )}
     </div>

app/space/page.js

@@ -225,8 +225,8 @@ export default function Space() {
                     </div>
                   ) : (
                     <div
-                      className={`flex flex-col items-center justify-center h-screen`}
-                      // style={{ height: `${scrollHeight}px` }}
+                      className={`flex flex-col items-center justify-center`}
+                      style={{ height: `calc(100vh - 120px)` }}
                     >
                       <Empty type="nospace" />
                       <div className="flex flex-col mt-6">

components/Photos/index.js

@@ -71,6 +71,15 @@ export default function Photos({
       setCurrentPhotos(newPhotos);
     }
   }, [media]);
+  useEffect(()=>{
+    // window.addEventListener('resize', (e)=>{
+    //   // alert(window.innerHeight)
+    //   setMaskHeight(window.innerHeight)
+    // });
+    return ()=>{
+      // window.removeEventListener("resize")
+    }
+  },[])
   const showPhotos = (photos, index) => {
     currentIndex.current = index;
     const interval = setInterval(() => {
@@ -135,6 +144,7 @@ export default function Photos({
       photos[index]?.type == "hid" ? "mediaDom photos-body" : "mediaDom"
     }`;
     // mediaDom.appendChild(btns);
+    document.body.style.overflow = 'hidden';
     ImageViewer.clear();
     ImageViewer.Multi.show({
       images: photos.map((item) => item?.url),
@@ -167,6 +177,7 @@ export default function Photos({
       afterClose: () => {
         mediaDom.remove();
         clearInterval(interval);
+        document.body.style.overflow = 'auto';
       },
       classNames: { body: "photos-bodyBox" },
     });
@@ -289,7 +300,7 @@ export default function Photos({
                 photos.length > 9 &&
                 (!seeAllPhotos ? (
                   <div
-                    className="absolute top-0  h-full flex justify-center items-center bg-[#33333348]"
+                    className="absolute top-0 w-full h-full flex justify-center items-center bg-[#33333348]"
                     onClick={handleSeeAllPhotos}
                   >
                     <span className="text-2xl">+{currentPhotos.length}</span>

utils/tools/handleFuns.js

@@ -66,7 +66,7 @@ export const handleShowVideo = (video) => {
               <FontAwesomeIcon icon={faClose} size="2xl" />
             </div>
           </div>
-          <div className="my-4 pointer-events-auto">
+          <div className="my-2 pointer-events-auto">
             {/* <video
             width="100%"
             height="100%"
@@ -85,7 +85,7 @@ export const handleShowVideo = (video) => {
               poster={video?.url.src}
               blurDataURL={video?.url.blurDataURL}
               autoPlay={true}
-              style={{ height: "calc(100vh - 250px)" }}
+              style={{ height: "calc(100vh - 180px)" }}
             />
             {/* <Player
             src="https://www.mydomain.com/remote-video.mp4"