界面优化

快乐的昕的电脑

2025-10-20 7670b46439a73e425be42a0fcf79930f2a9a1ea4

 components/mold.vue

@@ -554,16 +554,27 @@
      background-color: #00A2E9;
      color: white;
      border: none;
      padding: 10px 22px;
      padding: 14px 36px;
      margin-left: 8px;
      border-radius: 6px;
      border-radius: 10px;
      cursor: pointer;
      font-size: 1vw;
      transition: background 0.2s;
      font-size: 1.1vw;
      font-weight: bold;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      transition: background 0.2s, box-shadow 0.2s;
   }

      .btn-blue:active {
      .btn-blue:active,
      .btn-blue:focus {
         background-color: #0086c2;
         box-shadow: 0 4px 12px rgba(0,162,233,0.12);
      }

      .btn-blue:disabled {
         background: #b3e0f7;
         color: #eee;
         cursor: not-allowed;
         box-shadow: none;
      }

   .button-row {
@@ -664,24 +675,26 @@
      .dialog-actions > div:first-child {
         display: flex;
         align-items: center;
         gap: 16px;
         gap: 24px;
      }

      .dialog-actions > div:last-child {
         display: flex;
         flex-direction: column;
         gap: 12px;
         gap: 16px;
         align-items: flex-end;
      }

   .btn-disabled {
      background: #eee;
      color: #aaa;
      background: #f2f2f2;
      color: #bbb;
      border: none;
      padding: 10px 22px;
      border-radius: 6px;
      font-size: 1vw;
      padding: 14px 36px;
      border-radius: 10px;
      font-size: 1.1vw;
      font-weight: bold;
      cursor: not-allowed;
      box-shadow: none;
   }

   /* 表格整体居中，宽度限制，内容居中 */