feat: migrate Sidebar component

2020-07-12 15:24:05 +08:00
parent 75d76d2cec
commit 08e03e988f
11 changed files with 649 additions and 1 deletions
@@ -0,0 +1,59 @@
+@import '../style/var';
+
+.van-sidebar-item {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  padding: @sidebar-padding;
+  overflow: hidden;
+  color: @sidebar-text-color;
+  font-size: @sidebar-font-size;
+  line-height: @sidebar-line-height;
+  word-wrap: break-word;
+  background-color: @sidebar-background-color;
+  cursor: pointer;
+  user-select: none;
+
+  &:active {
+    background-color: @sidebar-active-color;
+  }
+
+  &__text {
+    position: relative;
+    display: inline-block;
+  }
+
+  &:not(:last-child)::after {
+    border-bottom-width: 1px;
+  }
+
+  &--select {
+    color: @sidebar-selected-text-color;
+    font-weight: @sidebar-selected-font-weight;
+
+    &,
+    &:active {
+      background-color: @sidebar-selected-background-color;
+    }
+
+    &::before {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: @sidebar-selected-border-width;
+      height: @sidebar-selected-border-height;
+      background-color: @sidebar-selected-border-color;
+      transform: translateY(-50%);
+      content: '';
+    }
+  }
+
+  &--disabled {
+    color: @sidebar-disabled-text-color;
+    cursor: not-allowed;
+
+    &:active {
+      background-color: @sidebar-background-color;
+    }
+  }
+}