fix(cascader): 修复级联选择器选中和不可选的样式层级错误 (#473)

hzlzsm · web-flow · commit d3c5dfc9d44b · 2025-07-07T11:21:08.000+08:00
diff --git a/packages/nutui/components/cascader/index.scss b/packages/nutui/components/cascader/index.scss
@@ -54,6 +54,22 @@
       font-size: $cascader-item-font-size;
       color: $cascader-item-color;
       cursor: pointer;
+
+      &.active {
+        &:not(.disabled) {
+          color: $cascader-item-active-color;
+        }
+
+        #{$block}__icon-check {
+          color: $cascader-item-active-color;
+          visibility: visible;
+        }
+      }
+
+      &.disabled {
+        cursor: not-allowed;
+        opacity: 0.6;
+      }
     }
 
     &__title {
@@ -68,22 +84,6 @@
     &__icon-loading {
       margin-left: 10px;
     }
-
-    &.active {
-      &:not(.disabled) {
-        color: $cascader-item-active-color;
-      }
-
-      #{$block}__icon-check {
-        color: $cascader-item-active-color;
-        visibility: visible;
-      }
-    }
-
-    &.disabled {
-      cursor: not-allowed;
-      opacity: 0.6;
-    }
   }
 
   &__bar {
