Progress prop strokeColor support Array type, and support the linear-gradient color

2019-09-04 15:53:32 +08:00 · 2019-09-04 15:53:32 +08:00 · 25cba38b45
commit 25cba38b45
parent d87a8854b1
2 changed files with 17 additions and 3 deletions
--- a/examples/routers/progress.vue
+++ b/examples/routers/progress.vue
@ -15,10 +15,20 @@
        <Divider></Divider>

        <Progress :percent="10" :stroke-width="20" text-inside></Progress>
+
+        <Divider></Divider>
+
+        <Progress :percent="90" :stroke-color="color1"></Progress>
+        <Progress :percent="90" :stroke-color="color2" status="active"></Progress>
    </div>
 </template>
 <script>
    export default {
-
+        data () {
+            return {
+                color1: '#ff6600',
+                color2: ['#108ee9', '#87d068']
+            }
+        }
    }
 </script>