关于进度点线的例子

{{item.name}}

.dotLine_body {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100vw;
background: #ffffff;
padding: 30rpx 0;
box-sizing: border-box;
}

.dot {
display: flex;
flex-direction: column;
align-items: center;
width: 16.6%;
font-size: 24rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #141414;
}

.dot_each {
position: relative;
width: 20rpx;
height: 20rpx;
border-radius: 50%;
margin-bottom: 11rpx;
z-index: 9;
}

.line {
position: absolute;
top: 31%;
left: 0;
display: flex;
align-items: center;
width: 100vw;
padding: 0 9%;
box-sizing: border-box;
}

.progress {
width: 100%;
}

list: [{
name: ‘下单’
}, {
name: ‘确认订单’
}, {
name: ‘签订合同’
}, {
name: ‘确认发货’
}, {
name: ‘确认收货’
}, {
name: ‘完成’
}]
let list = this.data.list
var ii = 2
let percent = (ii - 1) * 20
list.map((item, index) => {
console.log(index, ii)
item.has = false
if (index < ii) {
item.has = true
}
})