From 395669d3e3b951eab847f8aab8bb970ef16aa85d Mon Sep 17 00:00:00 2001
From: sa0ChunLuyu <sa0Chun_luyu@aliyun.com>
Date: Fri, 20 Jun 2025 17:40:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20=E4=BD=93=E6=A3=80?=
 =?UTF-8?q?=E5=BC=95=E5=AF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 h5/pages/user/fenzhen/fenzhen.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/h5/pages/user/fenzhen/fenzhen.vue b/h5/pages/user/fenzhen/fenzhen.vue
index 500f3a2..99ce427 100644
--- a/h5/pages/user/fenzhen/fenzhen.vue
+++ b/h5/pages/user/fenzhen/fenzhen.vue
@@ -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 {