From ad81e202fd502593f249a3bc15795f1baf35b1e7 Mon Sep 17 00:00:00 2001
From: SelfRidicule <selfridicule@gmail.com>
Date: Wed, 31 Jul 2024 14:17:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0:1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/reportRepair/repair/case/case.wxml  | 17 +++-
 .../pages/reportRepair/repair/case/case.wxss  | 77 +++++++++++++++++++
 2 files changed, 93 insertions(+), 1 deletion(-)

diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxml b/miniprogram/pages/reportRepair/repair/case/case.wxml
index 71b8a9e..6ba8877 100644
--- a/miniprogram/pages/reportRepair/repair/case/case.wxml
+++ b/miniprogram/pages/reportRepair/repair/case/case.wxml
@@ -1,5 +1,20 @@
 <view class="containerView public">
 
-    
+    <view class="topHead">
+        <view class="progressView">
+            <view class="point">
+                <view class="msgView">派单信息</view>
+            </view>
+            <view class="line"></view>
+            <view class="point">
+                <view class="msgView">派单信息</view>
+            </view>
+            <view class="line"></view>
+            <view class="point activity">
+                <view class="msgActivityView">派单信息</view>
+            </view>
+        </view>
+    </view>
+
 
 </view>
\ No newline at end of file
diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxss b/miniprogram/pages/reportRepair/repair/case/case.wxss
index f0069df..8f6703e 100644
--- a/miniprogram/pages/reportRepair/repair/case/case.wxss
+++ b/miniprogram/pages/reportRepair/repair/case/case.wxss
@@ -1,3 +1,80 @@
 .containerView.public {
     background: none;
+}
+
+.topHead {
+    border: 1rpx solid transparent;
+    background: white;
+    height: 400rpx;
+}
+
+.topHead .progressView {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    margin: 100rpx;
+}
+
+.topHead .progressView .line {
+    flex: 1;
+    height: 4rpx;
+    background: #cccccc;
+    margin: 0 4rpx;
+}
+
+.topHead .progressView .point {
+    position: relative;
+    width: 20rpx;
+    height: 20rpx;
+    border-radius: 20rpx;
+    background: #cccccc;
+}
+
+.topHead .progressView .point.activity {
+    background: #2d7cf6;
+}
+
+.topHead .progressView .point .msgView {
+    position: absolute;
+    bottom: calc(100% + 20rpx);
+    left: 50%;
+    transform: translateX(-50%);
+    width: 140rpx;
+
+    word-break: break-all;
+    font-size: 24rpx;
+    color: #cccccc;
+    text-align: center;
+}
+
+
+.topHead .progressView .point .msgActivityView {
+    position: absolute;
+    bottom: calc(100% + 30rpx);
+    left: 50%;
+    transform: translateX(-50%);
+    width: 140rpx;
+
+    border-radius: 30rpx;
+    padding: 8rpx 0;
+    word-break: break-all;
+    font-size: 24rpx;
+    color: white;
+    text-align: center;
+    background: #2d7cf6;
+}
+
+
+.topHead .progressView .point .msgActivityView::after {
+    content: '';
+    display: block;
+    border-top: 18rpx solid #2d7cf6;
+    border-bottom: 20rpx solid transparent;
+    border-left: 20rpx solid transparent;
+    border-right: 20rpx solid transparent;
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
 }
\ No newline at end of file