开发对接供应商评价管理

src/baseStyle.less

@@ -12,3 +12,73 @@
 
 // 宽度
 @width: 1366px;
+
+// 公共容器样式
+.common-container {
+  background-color: #f0f2f5;
+  padding: 24px;
+  min-height: calc(100vh - 144px);
+
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24px;
+
+    h2 {
+      margin-bottom: 0;
+    }
+  }
+
+  .inner-card {
+    margin-bottom: 24px;
+    background-color: #fff;
+    border-radius: 2px;
+  }
+
+  // 步骤表单相关样式
+  .steps-container {
+    margin: 16px 0 24px;
+    padding: 24px 0;
+    background-color: #fff;
+    border-radius: 2px;
+  }
+
+  .steps-content {
+    margin-top: 16px;
+    padding: 24px;
+    background-color: #fff;
+    border-radius: 2px;
+    min-height: 300px;
+  }
+
+  .steps-action {
+    margin-top: 24px;
+    text-align: center;
+  }
+
+  // 表单相关通用样式
+  .required-label::before {
+    content: '*';
+    color: #ff4d4f;
+    margin-right: 4px;
+  }
+
+  .select-with-clear {
+    position: relative;
+
+    .clear-icon {
+      position: absolute;
+      top: 50%;
+      right: 24px;
+      transform: translateY(-50%);
+      color: rgba(0, 0, 0, 0.25);
+      cursor: pointer;
+      z-index: 1;
+
+      &:hover {
+        color: rgba(0, 0, 0, 0.45);
+      }
+    }
+  }
+}