commit 954c3d70de6f3ab866392773d0b18d772b54e65d
author huanghao1234 <18814868355@163.com> Wed Jan 15 15:49:24 2020 +0800
committer huanghao1234 <18814868355@163.com> Wed Jan 15 15:49:24 2020 +0800
tree 0d9c48da456524c2e5e24ddac0001c06b658b25a
parent a6b4a20279908766a99c7a6dc3e469a663413f54

修改wxc-slider-bar组件中间滑块背景颜色可以自定义修改

packages/wxc-slider-bar/index.vue

diff --git a/packages/wxc-slider-bar/index.vue b/packages/wxc-slider-bar/index.vue
index 3065af7..88546b6 100644
--- a/packages/wxc-slider-bar/index.vue
+++ b/packages/wxc-slider-bar/index.vue
@@ -145,6 +145,10 @@
       disabledColor: {
         type: String,
         default: '#AAA'
+      },
+      blockColor: {
+        type: String,
+        default: '#ffffff'
       }
     },
     watch: {
@@ -247,12 +251,14 @@
       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 @@
   .slide-block {
     width: 56px;
     height: 56px;
-    background-color: #ffffff;
     border-radius: 28px;
     border-width: 1px;
     border-color: rgba(0, 0, 0, 0.1);