Commit b778e4ff4ff98d5a8c4c3edbd67f2757c022012f
1 parent
847c0d43
fixed #4334
Showing
1 changed file
with
11 additions
and
2 deletions
Show diff stats
src/components/progress/progress.vue
| @@ -52,6 +52,9 @@ | @@ -52,6 +52,9 @@ | ||
| 52 | vertical: { | 52 | vertical: { |
| 53 | type: Boolean, | 53 | type: Boolean, |
| 54 | default: false | 54 | default: false |
| 55 | + }, | ||
| 56 | + strokeColor: { | ||
| 57 | + type: String | ||
| 55 | } | 58 | } |
| 56 | }, | 59 | }, |
| 57 | data () { | 60 | data () { |
| @@ -77,13 +80,19 @@ | @@ -77,13 +80,19 @@ | ||
| 77 | return type; | 80 | return type; |
| 78 | }, | 81 | }, |
| 79 | bgStyle () { | 82 | bgStyle () { |
| 80 | - return this.vertical ? { | 83 | + const style = this.vertical ? { |
| 81 | height: `${this.percent}%`, | 84 | height: `${this.percent}%`, |
| 82 | - width: `${this.strokeWidth}px` | 85 | + width: `${this.strokeWidth}px`, |
| 83 | } : { | 86 | } : { |
| 84 | width: `${this.percent}%`, | 87 | width: `${this.percent}%`, |
| 85 | height: `${this.strokeWidth}px` | 88 | height: `${this.strokeWidth}px` |
| 86 | }; | 89 | }; |
| 90 | + | ||
| 91 | + if (this.strokeColor) { | ||
| 92 | + style['background-color'] = this.strokeColor; | ||
| 93 | + } | ||
| 94 | + | ||
| 95 | + return style; | ||
| 87 | }, | 96 | }, |
| 88 | successBgStyle () { | 97 | successBgStyle () { |
| 89 | return this.vertical ? { | 98 | return this.vertical ? { |