34 lines
792 B
JavaScript
34 lines
792 B
JavaScript
|
import { VantComponent } from '../common/component';
|
||
|
|
import { GREEN, GRAY_DARK } from '../common/color';
|
||
|
|
VantComponent({
|
||
|
|
classes: ['desc-class'],
|
||
|
|
props: {
|
||
|
|
icon: String,
|
||
|
|
steps: Array,
|
||
|
|
active: Number,
|
||
|
|
direction: {
|
||
|
|
type: String,
|
||
|
|
value: 'horizontal',
|
||
|
|
},
|
||
|
|
activeColor: {
|
||
|
|
type: String,
|
||
|
|
value: GREEN,
|
||
|
|
},
|
||
|
|
inactiveColor: {
|
||
|
|
type: String,
|
||
|
|
value: GRAY_DARK,
|
||
|
|
},
|
||
|
|
activeIcon: {
|
||
|
|
type: String,
|
||
|
|
value: 'checked',
|
||
|
|
},
|
||
|
|
inactiveIcon: String,
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onClick(event) {
|
||
|
|
const { index } = event.currentTarget.dataset;
|
||
|
|
this.$emit('click-step', index);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|