You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1002 B
51 lines
1002 B
import { VantComponent } from '../common/component';
|
|
import { BLUE } from '../common/color';
|
|
import { getRect } from '../common/utils';
|
|
VantComponent({
|
|
props: {
|
|
inactive: Boolean,
|
|
percentage: {
|
|
type: Number,
|
|
observer: 'setLeft',
|
|
},
|
|
pivotText: String,
|
|
pivotColor: String,
|
|
trackColor: String,
|
|
showPivot: {
|
|
type: Boolean,
|
|
value: true,
|
|
},
|
|
color: {
|
|
type: String,
|
|
value: BLUE,
|
|
},
|
|
textColor: {
|
|
type: String,
|
|
value: '#fff',
|
|
},
|
|
strokeWidth: {
|
|
type: null,
|
|
value: 4,
|
|
},
|
|
},
|
|
data: {
|
|
right: 0,
|
|
},
|
|
mounted() {
|
|
this.setLeft();
|
|
},
|
|
methods: {
|
|
setLeft() {
|
|
Promise.all([
|
|
getRect(this, '.van-progress'),
|
|
getRect(this, '.van-progress__pivot'),
|
|
]).then(([portion, pivot]) => {
|
|
if (portion && pivot) {
|
|
this.setData({
|
|
right: (pivot.width * (this.data.percentage - 100)) / 100,
|
|
});
|
|
}
|
|
});
|
|
},
|
|
},
|
|
});
|