优化样式

greatanimalion · Sep 1, 2024 · 93c1472 · 93c1472
1 parent 9b23c58
commit 93c1472
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 16 deletions.
diff --git a/dist/content/content.js b/dist/content/content.js
diff --git a/dist/contentPage/contentPage.js b/dist/contentPage/contentPage.js
diff --git a/dist/contentPage/index.html b/dist/contentPage/index.html
@@ -20,7 +20,7 @@
     <link rel="modulepreload" crossorigin href="/js/ButtonBase-8la9PwCJ.js">
     <link rel="stylesheet" crossorigin href="/assets/contentPage-BULgnV61.css">
   </head>
-  <body>
+  <body>111
     <div id="root"></div>
     <script></script>
   </body>

diff --git a/src/contentPage/components/ElemenetMessage.tsx b/src/contentPage/components/ElemenetMessage.tsx
@@ -1,27 +1,24 @@
 // import { Button, Input } from "@mui/material";
 
-import { Fab } from "@mui/material";
+// import { Fab } from "@mui/material";
 import { useEffect, useState } from "react";
 
 export const ElementMessage = () => {
   const [obj, setObj] = useState();
   useEffect(() => {
     window.addEventListener('message', (e) => {
-      console.log(e.data);
       setObj(e.data)
     }, false)
   })
-
   let e=obj?Object.keys(obj!):[];
   let i=e.map((item,index)=>{
-    return <p key={index}><strong style={{ color: 'blue' }}>{item}:</strong>{obj![item]}</p>
+    if(index==0)return <p key={index}  style={{"fontFamily": "cursive","marginBottom":"10px"}}>
+      <strong style={{ color: '#616161' }}>{item}:</strong>{obj![item]}</p>
+    return <p key={index}  style={{"fontFamily": "cursive","backgroundColor":" #ececec","padding":"10px","margin":"5px 0","borderRadius": "5px"}}>
+      <strong style={{ color: '#616161' }}>{item}:</strong>{obj![item]}</p>
   })
   return <>
     <div style={{ marginTop: '48px' }}>
-      <Fab color="primary" aria-label="add" style={{ position: "fixed", right: 10, height: 47, width: 47 }}>
-        复制
-      </Fab>
-
       {i}
 
     </div>

diff --git a/src/contentPage/index.html b/src/contentPage/index.html
@@ -17,7 +17,7 @@
       }
     </style>
   </head>
-  <body>
+  <body>111
     <div id="root"></div>
     <script type="module" src="./main.tsx"></script>
     <script></script>