更新 体检引导

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 {