tmp

pages/healthprofile/profileInfo.less

@@ -21,11 +21,25 @@ page {
 }
 
 .section-title {
+  position: relative;
   display: block;
-  font-size: 32rpx;
-  font-weight: 700;
+  font-size: 30rpx;
+  font-weight: 600;
   color: #1a1a1a;
-  margin-left: 8rpx;
+  margin-left: 28rpx;
+  letter-spacing: 1rpx;
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: -20rpx;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8rpx;
+    height: 28rpx;
+    border-radius: 4rpx;
+    background: linear-gradient(180deg, #2dd36f, #17c3a5);
+  }
 }
 
 .form-card {
@@ -68,6 +82,116 @@ page {
   background-color: #f0f0f0;
 }
 
+/* 关联预约订单 */
+.order-list {
+  margin-top: 16rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+
+.order-card {
+  background-color: #ffffff;
+  border-radius: 24rpx;
+  padding: 28rpx 32rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.order-line1 {
+  display: flex;
+  align-items: center;
+}
+
+.order-patient {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #1a1a1a;
+  margin-right: 16rpx;
+}
+
+.order-service {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: #1abc9c;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.status-tag {
+  font-size: 22rpx;
+  padding: 6rpx 20rpx;
+  border-radius: 30rpx;
+  font-weight: 500;
+  flex-shrink: 0;
+}
+
+.status-pending {
+  background: #fdf3e0;
+  color: #d99a2b;
+}
+
+.status-confirmed {
+  background: #e6f4ee;
+  color: #43a08a;
+}
+
+.status-in_progress {
+  background: #e6f4ee;
+  color: #43a08a;
+}
+
+.status-completed {
+  background: #efedf6;
+  color: #8a7bb5;
+}
+
+.status-cancelled {
+  background: #f5f5f5;
+  color: #b0b0b0;
+}
+
+.order-line2 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12rpx;
+}
+
+.order-hospital {
+  font-size: 26rpx;
+  color: #888888;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 16rpx;
+}
+
+.order-time {
+  font-size: 26rpx;
+  color: #a0a3bd;
+  flex-shrink: 0;
+}
+
+.empty-order {
+  margin-top: 16rpx;
+  background-color: #ffffff;
+  border-radius: 24rpx;
+  padding: 48rpx 0;
+  text-align: center;
+
+  text {
+    font-size: 26rpx;
+    color: #b8b8c4;
+  }
+}
+
 /* 操作按钮 */
 .btn-group {
   display: flex;