fix(form): 分割线未生效

jdf2e · Jan 8, 2025 · cf8ea20 · cf8ea20
1 parent 5ce15cd
commit cf8ea20
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/packages/cellgroup/cellgroup.scss b/src/packages/cellgroup/cellgroup.scss
@@ -50,7 +50,7 @@
 
       &:last-child {
         .nut-cell-divider {
-          border-top: 0 !important;
+          border-top: 0;
         }
       }
     }

diff --git a/src/packages/formitem/formitem.scss b/src/packages/formitem/formitem.scss
@@ -25,11 +25,13 @@
     position: absolute;
     left: -0.8em;
   }
+
   .nut-form-item-labeltxt {
     font-size: $form-item-label-font-size;
     height: 10px;
     position: relative;
   }
+
   &-body {
     flex: 1;
     display: flex;
@@ -60,6 +62,7 @@
 
       .nut-textarea {
         padding: 0;
+
         .nut-textarea-textarea {
           font: inherit;
           text-align: $form-item-body-input-text-align;
@@ -75,6 +78,16 @@
   }
 }
 
+.nut-form {
+  .nut-cell-group {
+    .nut-cell-group-wrap-divider {
+      .nut-cell-divider {
+        border-top: $cell-divider-border-bottom;
+      }
+    }
+  }
+}
+
 [dir='rtl'] .nut-form-item,
 .nut-rtl .nut-form-item {
   &-label {
@@ -89,21 +102,26 @@
       }
     }
   }
+
   &-body {
     &-slots {
       text-align: right;
+
       .nut-icon-ArrowRight,
       .nut-icon-ArrowLeft {
         transform: rotateY(180deg);
       }
+
       .nut-input-text {
         text-align: right;
       }
+
       .nut-textarea-textarea {
         text-align: right;
       }
     }
   }
+
   &-tips {
     text-align: right;
   }