index.js
919 字节
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import { VantComponent } from '../common/component';
VantComponent({
props: {
icon: String,
steps: Array,
active: Number,
direction: {
type: String,
value: 'horizontal'
},
activeColor: {
type: String,
value: '#06bf04'
}
},
watch: {
steps: 'formatSteps',
active: 'formatSteps'
},
created: function created() {
this.formatSteps();
},
methods: {
formatSteps: function formatSteps() {
var _this = this;
var steps = this.data.steps;
steps.forEach(function (step, index) {
step.status = _this.getStatus(index);
});
this.setData({
steps: steps
});
},
getStatus: function getStatus(index) {
var active = this.data.active;
if (index < active) {
return 'finish';
} else if (index === active) {
return 'process';
}
return '';
}
}
});