feat(range): 更改 Range 滑块的大小

jd-opensource · Nov 26, 2018 · efe4be2 · efe4be2
1 parent 3c3e070
commit efe4be2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/range/index.js b/src/components/range/index.js
@@ -19,7 +19,7 @@ export default class AtRange extends AtComponent {
     min: 0,
     max: 100,
     disabled: false,
-    blockSize: 22,
+    blockSize: 28,
     onChange: defaultFunc,
     onAfterChange: defaultFunc
   }

diff --git a/src/components/range/index.scss b/src/components/range/index.scss
@@ -1,7 +1,7 @@
 @import "../../style/theme/default.scss";
 @import "../../style/mixins/index.scss";
 
-$height: 22PX;
+$height: 28PX;
 
 .at-range {
   position: relative;
@@ -43,9 +43,8 @@ $height: 22PX;
     height: $height;
     margin-left: - $height / 2;
     border-radius: 50%;
-    border: 1px solid $color-border-grey;
-    box-shadow: 0 4px 4px 0 $color-border-grey;
     background-color: #fff;
+    box-shadow: 0 0 4PX 0 rgba(0, 0, 0, 0.30);
     box-sizing: border-box;
   }