init

uni_modules/nutui-uni/components/cascader/index.scss

@@ -0,0 +1,110 @@
+.nut-theme-dark {
+  .nut-cascader {
+    .nut-tabs__titles {
+      background: $dark-background3 !important;
+    }
+
+    &__bar {
+      color: $dark-color;
+      background: $dark-background2;
+    }
+
+    &-item {
+      &__inner {
+        color: $dark-color-gray;
+      }
+    }
+  }
+}
+
+.nut-cascader {
+  .nut-tab-pane {
+    padding: 0;
+  }
+
+  .nut-tabs__titles {
+    padding: $cascader-tabs-item-padding;
+    background: #fff;
+  }
+
+  &-item {
+    width: 100%;
+    font-size: $cascader-font-size;
+    line-height: $cascader-line-height;
+
+    $block: &;
+
+    &.nut-tabs {
+      &.horizontal {
+        .nut-tabs__titles {
+          .nut-tabs__titles-item {
+            flex: initial;
+            padding: $cascader-tabs-item-padding;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    &__inner {
+      display: flex;
+      align-items: center;
+      padding: $cascader-item-padding;
+      margin: 0;
+      font-size: $cascader-item-font-size;
+      color: $cascader-item-color;
+      cursor: pointer;
+    }
+
+    &__title {
+      flex: 1;
+    }
+
+    &__icon-check {
+      margin-left: 10px;
+      visibility: hidden;
+    }
+
+    &__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 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: $cascader-bar-padding;
+    font-size: $cascader-bar-font-size;
+    font-weight: bold;
+    line-height: $cascader-bar-line-height;
+    color: $cascader-bar-color;
+    text-align: center;
+  }
+
+  &-pane {
+    display: block;
+    width: 100%;
+    height: 342px;
+    padding: 10px 0 0;
+    margin: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}