Merge pull request #489 from huanghao1234/hhao

修改wxc-slider-bar组件中间滑块背景颜色可以自定义修改
apache · Feb 9, 2020 · 75f89be · 75f89be
2 parents 19f03f4 + 954c3d7
commit 75f89be
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/wxc-slider-bar/index.vue b/packages/wxc-slider-bar/index.vue
@@ -145,6 +145,10 @@ under the License.
       disabledColor: {
         type: String,
         default: '#AAA'
+      },
+      blockColor: {
+        type: String,
+        default: '#ffffff'
       }
     },
     watch: {
@@ -247,12 +251,14 @@ under the License.
       blockStyle1() {
         let left = this.diffX1;
         return {
-          transform: `translateX(${left}px)`
+          transform: `translateX(${left}px)`,
+          backgroundColor: this.blockColor
         };
       },
       blockStyle2() {
         return {
-          transform: `translateX(${this.diffX2}px)`
+          transform: `translateX(${this.diffX2}px)`,
+          backgroundColor: this.blockColor
         }
       }
     },
@@ -615,7 +621,6 @@ under the License.
   .slide-block {
     width: 56px;
     height: 56px;
-    background-color: #ffffff;
     border-radius: 28px;
     border-width: 1px;
     border-color: rgba(0, 0, 0, 0.1);