feat：mui

package.json

@@ -108,6 +108,9 @@
     }
   },
   "dependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@mui/material": "^5.10.8",
     "electron-debug": "^3.2.0",
     "electron-log": "^4.4.8",
     "electron-root-path": "^1.1.0",

src/renderer/App.tsx

@@ -2,6 +2,7 @@ import { MemoryRouter as Router, Routes, Route } from 'react-router-dom';
 import icon from '../../assets/icon.svg';
 import './App.css';
 import path from 'path';
+import { Button } from '@mui/material';
 const rootPath = require('electron-root-path').rootPath;
 const { shell } = require('electron')
 const location = path.join(rootPath.substring(0, rootPath.length - 8), './assets/bat/mount.bat');
@@ -14,14 +15,20 @@ const Hello = () => {
       </div>
       <h1>electron-react</h1>
       <div className="Hello">
-          <button type="button" onClick={()=>{
+
+
+<Button  variant="contained" onClick={()=>{
              shell.openPath(location);
           }} >
+挂载
+</Button>
+
+          {/* <button type="button" >
             <span role="img" aria-label="books">
               🙏
             </span>
             挂载
-          </button>
+          </button> */}
       </div>
     </div>
   );