[breaking change] rebuild style struct (#2021)

2018-11-03 21:08:06 +08:00
parent a5576762d8
commit 11ce2a602f
165 changed files with 1371 additions and 4729 deletions
@@ -64,7 +64,7 @@ export default {
 };
 </script>

-<style lang="postcss">
+<style lang="less">
 .demo-slider {
  user-select: none;

@@ -0,0 +1,39 @@
+@import '../style/var';
+
+.van-slider {
+  position: relative;
+  border-radius: 999px;
+  background-color: @gray-light;
+
+  &__bar {
+    position: relative;
+    border-radius: inherit;
+    background-color: @blue;
+  }
+
+  &__button {
+    position: absolute;
+    top: 50%;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background-color: @white;
+    transform: translate3d(50%, -50%, 0);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+
+    /* use pseudo element to expand touch area */
+    &::after {
+      content: '';
+      position: absolute;
+      width: 200%;
+      height: 200%;
+      top: -50%;
+      left: -50%;
+    }
+  }
+
+  &--disabled {
+    opacity: .3;
+  }
+}