推送项目重构代码

ruoyi-ui/src/assets/styles/index.scss

@@ -24,16 +24,20 @@ body {
 
 // 表单 / 输入 / 按钮 紧凑
 .el-form-item {
-  margin-bottom: 14px;
+  margin-bottom: 10px;
 }
 .el-form-item__label {
-  font-size: 12px;
-  line-height: 30px;
-  padding: 0 8px 0 0;
-}
-.el-form-item--small.el-form-item {
-  margin-bottom: 12px;
+  font-size: 12px !important;
+  font-weight: normal !important;
+  color: #606266;
+  line-height: 26px !important;
+  padding: 0 6px 0 0 !important;
 }
+.el-form-item--small .el-form-item__label,
+.el-form-item--medium .el-form-item__label { font-size: 12px !important; line-height: 26px !important; }
+.el-form-item--mini .el-form-item__label  { font-size: 11px !important; line-height: 22px !important; }
+.el-form-item--small.el-form-item { margin-bottom: 8px; }
+.el-form-item--mini.el-form-item  { margin-bottom: 6px; }
 /* 全局输入控件统一压低高度（含 input/select/cascader/date/range/autocomplete） */
 .el-input__inner,
 .el-textarea__inner,
@@ -45,39 +49,56 @@ body {
 .el-date-editor--datetimerange.el-range-editor,
 .el-date-editor--monthrange.el-range-editor,
 .el-range-editor.el-input__inner {
-  height: 28px !important;
-  line-height: 28px !important;
+  height: 26px !important;
+  line-height: 26px !important;
   font-size: 12px !important;
   padding: 0 8px !important;
 }
-.el-input--medium .el-input__inner { height: 30px !important; line-height: 30px !important; }
-.el-input--small  .el-input__inner { height: 28px !important; line-height: 28px !important; }
-.el-input--mini   .el-input__inner { height: 24px !important; line-height: 24px !important; font-size: 12px !important; }
+.el-input--medium .el-input__inner { height: 28px !important; line-height: 28px !important; }
+.el-input--small  .el-input__inner { height: 26px !important; line-height: 26px !important; }
+.el-input--mini   .el-input__inner { height: 22px !important; line-height: 22px !important; font-size: 12px !important; }
 .el-input--mini.el-input,
 .el-input--mini .el-input__suffix,
-.el-input--mini .el-input__prefix { line-height: 24px !important; }
+.el-input--mini .el-input__prefix { line-height: 22px !important; }
 .el-range-editor.el-input__inner { padding: 0 10px !important; }
 .el-range-editor .el-range-input { font-size: 12px !important; height: 100% !important; line-height: 1 !important; }
-.el-range-editor .el-range-separator { line-height: 26px !important; font-size: 12px !important; }
-.el-input__icon { line-height: 28px !important; }
-.el-input__suffix-inner .el-input__icon { line-height: 28px !important; }
-.el-form-item__content { line-height: 28px; }
+.el-range-editor .el-range-separator { line-height: 24px !important; font-size: 12px !important; }
+.el-input__icon { line-height: 26px !important; }
+.el-input__suffix-inner .el-input__icon { line-height: 26px !important; }
+.el-form-item__content { line-height: 26px; }
+
+/* 按钮：默认 26px 高，mini 22px，medium 28px */
 .el-button {
-  padding: 7px 12px;
-  font-size: 12px;
-  border-radius: 6px;
+  padding: 5px 10px !important;
+  font-size: 12px !important;
+  border-radius: 4px;
+  line-height: 1.2;
+}
+.el-button--mini {
+  padding: 3px 8px !important;
+  font-size: 11px !important;
+  height: 22px;
+  line-height: 1.1;
 }
-.el-button--mini,
 .el-button--small {
-  padding: 6px 10px;
-  font-size: 12px;
+  padding: 4px 10px !important;
+  font-size: 12px !important;
+  height: 24px;
 }
 .el-button--medium {
-  padding: 8px 14px;
-  font-size: 12px;
+  padding: 6px 12px !important;
+  font-size: 12px !important;
+  height: 28px;
+}
+.el-button [class*="el-icon-"] + span {
+  margin-left: 3px;
 }
 .el-button + .el-button {
-  margin-left: 8px;
+  margin-left: 6px;
+}
+/* 文字按钮去掉额外 padding */
+.el-button--text {
+  padding: 2px 4px !important;
 }
 
 // 表格紧凑
@@ -143,15 +164,36 @@ body {
 
 // Tabs / Tags
 .el-tabs__item {
-  height: 36px;
-  line-height: 36px;
+  height: 30px;
+  line-height: 30px;
   font-size: 12px;
 }
 .el-tag {
-  height: 22px;
-  line-height: 20px;
-  padding: 0 8px;
+  height: 18px !important;
+  line-height: 16px !important;
+  padding: 0 6px !important;
+  font-size: 11px !important;
+  border-radius: 3px;
+}
+.el-tag.el-tag--mini {
+  height: 16px !important;
+  line-height: 14px !important;
+  padding: 0 5px !important;
+  font-size: 10px !important;
+}
+.el-tag .el-tag__close {
+  font-size: 11px;
+  transform: scale(0.85);
+}
+.el-checkbox__inner,
+.el-radio__inner {
+  width: 12px;
+  height: 12px;
+}
+.el-radio__label,
+.el-checkbox__label {
   font-size: 12px;
+  padding-left: 6px;
 }
 
 // 描述列表 / 步骤
@@ -194,19 +236,17 @@ body {
 }
 
 // 圆角按钮/输入框
-.el-button {
-  border-radius: 6px;
-}
 .el-input__inner,
 .el-textarea__inner {
-  border-radius: 6px;
+  border-radius: 4px;
 }
 .el-card {
   border-radius: 8px;
 }
 
+/* 注意：原本全局 label { font-weight: 700 } 会把所有表单 label 加粗看上去傻大，去掉 */
 label {
-  font-weight: 700;
+  font-weight: normal;
 }
 
 html {
@@ -372,30 +412,10 @@ aside {
     margin-bottom: 10px;
   }
 }
-/* 全局按钮缩小：默认按钮等比 small 化 */
-.el-button {
-  padding: 7px 12px;
-  font-size: 12px;
-  border-radius: 3px;
-}
-.el-button--medium {
-  padding: 8px 14px;
-  font-size: 12px;
-}
-.el-button--small {
-  padding: 6px 10px;
-  font-size: 12px;
-}
-.el-button--mini {
-  padding: 5px 8px;
-  font-size: 12px;
-}
-.el-button [class*="el-icon-"] + span {
-  margin-left: 4px;
-}
+/* 旧的按钮缩小块已合并到顶部 .el-button 主样式，这里不再重复 */
 .el-button-group > .el-button {
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: 8px !important;
+  padding-right: 8px !important;
 }
 
 /* 列表页搜索表单紧凑模式（加 class="compact-search" 即可生效） */