diff --git a/example/pages/progress/index.wxml b/example/pages/progress/index.wxml index 831cdcb3..8a7cb88d 100644 --- a/example/pages/progress/index.wxml +++ b/example/pages/progress/index.wxml @@ -2,6 +2,10 @@ + + + + diff --git a/packages/progress/README.md b/packages/progress/README.md index 7c6a3a62..302414d1 100644 --- a/packages/progress/README.md +++ b/packages/progress/README.md @@ -19,6 +19,14 @@ ``` +### 线条粗细 + +通过`stroke-width`可以设置进度条的粗细 + +```html + +``` + ### 置灰 ```html diff --git a/packages/progress/index.ts b/packages/progress/index.ts index b79c4258..905849bb 100644 --- a/packages/progress/index.ts +++ b/packages/progress/index.ts @@ -1,5 +1,6 @@ import { VantComponent } from '../common/component'; import { BLUE } from '../common/color'; +import { addUnit } from '../common/utils'; VantComponent({ props: { @@ -18,6 +19,24 @@ VantComponent({ textColor: { type: String, value: '#fff' + }, + strokeWidth: { + type: null, + observer: 'setStrokeWidthUnit' + } + }, + + data() { + return { + strokeWidthUnit: '4px' + }; + }, + + methods: { + setStrokeWidthUnit(val) { + this.setData({ + strokeWidthUnit: addUnit(val) + }); } } }); diff --git a/packages/progress/index.wxml b/packages/progress/index.wxml index a810ef0e..ee847edf 100644 --- a/packages/progress/index.wxml +++ b/packages/progress/index.wxml @@ -1,6 +1,6 @@ - +