fix: 统一修改消息提示弹窗

src/assets/styles/element.scss

@@ -257,12 +257,19 @@
 
 .el-message-box {
   max-width: 30vw;
-  padding: 30px;
+  padding: 10px;
   .el-message-box__title {
     font-size: 40px;
+    padding: 20px;
+    border-bottom: 1px solid #ddd;
+    text-align: center;
+
   }
   .el-message-box__container {
     height: 300px;
+    display: flex;
+    justify-content: center;
+    padding: 0 30px;
     .el-message-box__message p {
       font-size: 40px;
     line-height: 60px;
@@ -270,6 +277,9 @@
     }
   }
   .el-message-box__btns {
+    border-top: 1px solid #ddd;
+    display: flex;
+    justify-content: center;
     .el-button {
       height: 70px;
       width: 180px;

src/components/home/Environment/index.vue

@@ -161,7 +161,7 @@ const onClose = async () => {
 </script>
 
 <template>
-  <FtDialog visible title="喷涂环境设置" width="780px">
+  <FtDialog visible title="喷涂环境设置" width="70%">
     <div style="padding: 10px;">
       <div style="display: flex; align-items: center; margin: 10px 0;font-size: 15px;justify-content: center;">
         <div style="display: flex; align-items: center; width: 20%; margin-right: 30px">
@@ -219,29 +219,14 @@ const onClose = async () => {
       </div>
     </div>
     <template #footer>
-      <div class="button-footer">
-        <FtButton type="default" :click-handle="onClose">
-          关闭
-        </FtButton>
-      </div>
+      <FtButton type="default" :click-handle="onClose">
+        关闭
+      </FtButton>
     </template>
   </FtDialog>
 </template>
 
 <style scoped lang="scss">
-// 添加旋转动画
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.button-footer {
-  margin: 30px;
-}
-
 .num-text {
   color: var(--el-color-primary);
   font-weight: 900;

src/views/debug/index.vue

@@ -263,7 +263,7 @@ const highVoltageClose = async () => {
 </script>
 
 <template>
-  <div>
+  <div class="debug-box">
     <el-card>
       <el-form label-width="auto" label-suffix=":">
         <el-form-item label="X轴">
@@ -498,6 +498,14 @@ const highVoltageClose = async () => {
 </template>
 
 <style scoped lang="scss">
+.debug-box {
+  padding: 10px 30px !important;
+}
+.el-col {
+  .el-card {
+    margin: 10px 0;
+  }
+}
 .el-card {
   margin: 30px 0;
   border-radius: 20px;