test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-02 12:07:54 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

cr vc-progress

Browse Source
This commit is contained in:
tangjinzhou 2019-08-26 21:12:11 +08:00
parent 89601b5b8c
commit b6a7f49c0d
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/vc-progress/demo/simple.jsx
View File

@ -17,6 +17,7 @@ export default {
},
},
render() {
const { percent, color } = this;
const containerStyle = {
width: '250px',
};
@ -27,22 +28,22 @@ export default {
};
return (
<div>
<h3>Line Progress {this.percent}%</h3>
<h3>Line Progress {percent}%</h3>
<div style={containerStyle}>
<Line percent={this.percent} strokeWidth="4" strokeColor={this.color} />
<Line percent={percent} strokeWidth="4" strokeColor={color} />
<Line
percent={[this.percent / 2, this.percent / 2]}
percent={[percent / 2, percent / 2]}
strokeWidth="4"
strokeColor={[this.color, '#CCC']}
strokeColor={[color, '#CCC']}
/>
</div>
<h3>Circle Progress {this.percent}%</h3>
<h3>Circle Progress {percent}%</h3>
<div style={circleContainerStyle}>
<Circle
percent={this.percent}
percent={percent}
strokeWidth="6"
strokeLinecap="round"
strokeColor={this.color}
strokeColor={color}
/>
</div>
<p>