|
|
|
|
@ -117,6 +117,7 @@
|
|
|
|
|
} else {
|
|
|
|
|
timeline_step.value = 0
|
|
|
|
|
}
|
|
|
|
|
// timeline_step.value = 60
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const mountedAction = () => {
|
|
|
|
|
@ -326,6 +327,10 @@
|
|
|
|
|
<view class="tip_time_text_wrapper">分钟</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="timeline_wrapper">
|
|
|
|
|
<view class="timeline_dot" :style="{
|
|
|
|
|
left : `${timeline_step}%`,
|
|
|
|
|
background : `${timeline_step>=100?'#239EA3':'#FF9900'}`,
|
|
|
|
|
}"></view>
|
|
|
|
|
<view class="timeline_in" :style="{
|
|
|
|
|
width : `${timeline_step}%`,
|
|
|
|
|
background : `${timeline_step>=100?'#239EA3':'#FF9900'}`,
|
|
|
|
|
@ -383,7 +388,8 @@
|
|
|
|
|
<view class="text-#141414 text-28rpx">{{ item.time }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="center">
|
|
|
|
|
<text class="rounded-full text-28rpx center w-105rpx h-48rpx mr-30rpx text-#239EA3 bg-#E5F3F2">完成</text>
|
|
|
|
|
<text
|
|
|
|
|
class="rounded-full text-28rpx center w-105rpx h-48rpx mr-30rpx text-#239EA3 bg-#E5F3F2">完成</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="between b-0 b-b-1 b-solid b-#EAEAEA" v-if="item.status == 5">
|
|
|
|
|
@ -412,9 +418,18 @@
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
<style scoped>
|
|
|
|
|
.timeline_dot {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
width: 40rpx;
|
|
|
|
|
height: 40rpx;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeline_in {
|
|
|
|
|
height: 20rpx;
|
|
|
|
|
border-radius: 0 5rpx 5rpx 0;
|
|
|
|
|
border-radius: 8rpx 5rpx 5rpx 8rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeline_wrapper {
|
|
|
|
|
@ -423,7 +438,7 @@
|
|
|
|
|
background: #cccccc;
|
|
|
|
|
margin: 25rpx auto 0;
|
|
|
|
|
border-radius: 8rpx;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.item_desc_wrapper {
|
|
|
|
|
|
