feat: 手机框替换

src/Components/deviceFrame/index.js

@@ -12,29 +12,32 @@ import React, { useEffect, useState } from "react";
 import { BaseUrl } from "../../constants";
 import { Alert, Snackbar } from "@mui/material";
 import { useTranslation } from "react-i18next";
+import zIndex from "@mui/material/styles/zIndex";
 
 var configMap = {
 	"android-h": {
-		bkg: androidHPng,
-		width: "512px",
-		height: "286px",
-		offsetv: "5px",
+		bkg: androidVPng,
+		rotate: true,
+		width: "666px",
+		height: "321px",
+		offsetv: "4px",
 	},
 	"android-v": {
 		bkg: androidVPng,
-		width: "286px",
-		height: "512px",
+		width: "321px",
+		height: "666px",
 		offsetv: "5px",
 	},
 	"iphone-h": {
-		bkg: iphoneHPng,
-		width: "628px",
+		bkg: iphoneVPng,
+		rotate: true,
+		width: "692px",
 		height: "322px",
 	},
 	"iphone-v": {
 		bkg: iphoneVPng,
 		width: "322px",
-		height: "628px",
+		height: "693px",
 	},
 	"ipad-h": {
 		bkg: ipadHPng,
@@ -98,7 +101,7 @@ function DeviceFrame(props) {
 				</Alert>
 			</Snackbar>
 			<div>
-				<img src={config.bkg} alt="background" />
+				<img src={config.bkg} alt="background" style={{position: "relative" , zIndex: 100, transform:  config.rotate ? "rotate(-90deg)" : "" }} />
 				{props.htmlUrl && (
 					<iframe
 						id="deviceFrame"

src/Components/pane/index.css

@@ -45,15 +45,14 @@
 
 .bottomLogo {
     position: absolute;
-    width: 280px;
+    width: 322px;
     bottom: 24px;
-    left: 68px;
+    text-align: center;
+    img {
+        width: 280px;
+    }
 }
 
-.MuiSelect-select.MuiSelect-select::after {
-    content: '';
-    background-image: url('../../images/arrow.png'); /* 使用你的自定义图标 */
-    background-repeat: no-repeat;
-    background-position: center;
-    color: green; /* 改变箭头颜色 */
-  }
+.Mui-focused .MuiOutlinedInput-notchedOutline {
+    border: none;
+}

src/Components/pane/index.js

@@ -180,7 +180,7 @@ function Pane(props) {
 					)
 				)}
 			</div>
-			{!props.hideLogo && <img src={logoPanePng} alt="logo" width={"100%"} className="bottomLogo" />}
+			{!props.hideLogo && <div className="bottomLogo"><img src={logoPanePng} alt="logo" width={"100%"} /></div> }
 		</div>
 	);
 }