Kaynağa Gözat

修改SOP页面样式

吴树波 1 gün önce
ebeveyn
işleme
db67c0d1f4
1 değiştirilmiş dosya ile 47 ekleme ve 6 silme
  1. 47 6
      src/views/qw/sopTemp/updateSopTemp.vue

+ 47 - 6
src/views/qw/sopTemp/updateSopTemp.vue

@@ -1356,16 +1356,28 @@
   border: 1px solid #e8e8e8;
 }
 
+.miniprogram-card ::v-deep .el-card__header,
+.luckybag-card ::v-deep .el-card__header,
+.upload-card ::v-deep .el-card__header {
+  padding: 0;
+  border-bottom: none;
+}
+
+.miniprogram-card ::v-deep .el-card__body,
+.luckybag-card ::v-deep .el-card__body,
+.upload-card ::v-deep .el-card__body {
+  padding: 16px 20px;
+}
+
 .card-header-mini {
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 14px;
   color: #333;
-  padding: 12px 16px;
+  padding: 10px 16px;
   background: linear-gradient(135deg, #f9fafb 0%, #f0f4f8 100%);
   border-bottom: 1px solid #e8e8e8;
-  margin: -20px -20px 16px -20px;
 }
 
 .card-header-mini i {
@@ -1377,7 +1389,13 @@
 .miniprogram-card .el-form-item,
 .luckybag-card .el-form-item,
 .upload-card .el-form-item {
-  margin-bottom: 18px;
+  margin-bottom: 16px;
+}
+
+.miniprogram-card .el-form-item:last-child,
+.luckybag-card .el-form-item:last-child,
+.upload-card .el-form-item:last-child {
+  margin-bottom: 0;
 }
 
 .miniprogram-card .el-form-item__label::before,
@@ -1521,9 +1539,25 @@
   border: 1px solid #e8e8e8;
 }
 
+.image-card ::v-deep .el-card__header,
+.link-card ::v-deep .el-card__header {
+  padding: 0;
+  border-bottom: none;
+}
+
+.image-card ::v-deep .el-card__body,
+.link-card ::v-deep .el-card__body {
+  padding: 16px 20px;
+}
+
 .image-card .el-form-item,
 .link-card .el-form-item {
-  margin-bottom: 18px;
+  margin-bottom: 16px;
+}
+
+.image-card .el-form-item:last-child,
+.link-card .el-form-item:last-child {
+  margin-bottom: 0;
 }
 
 .image-card .el-form-item__label::before,
@@ -1611,17 +1645,24 @@
 .msg-category-item ::v-deep .el-form-item__label {
   font-weight: 500;
   white-space: nowrap;
+  line-height: 32px;
+}
+
+.msg-category-item ::v-deep .el-form-item__content {
+  line-height: 32px;
 }
 
 .msg-category-item ::v-deep .el-radio-group {
-  display: flex;
+  display: inline-flex;
   flex-wrap: wrap;
-  gap: 8px 16px;
+  gap: 8px 20px;
+  line-height: 32px;
 }
 
 .msg-category-item ::v-deep .el-radio {
   margin-right: 0;
   margin-bottom: 0;
+  line-height: 32px;
 }
 
 /* 课程选择区域 */