From cc9ec4672576f7710dfe728da418a3687f395720 Mon Sep 17 00:00:00 2001
From: kuaileWu <1432334894@qq.com>
Date: Fri, 8 Mar 2024 11:59:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 59 +++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 50 insertions(+), 9 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 613ef40..da20ff7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -83,15 +83,15 @@
 		</view>
 		
 		<view class="block visit-wrapper">
-			<view class="header">
+			<view class="header flex">
 				<view class="title-wrapper flex">
 					<view class="title">
-						医生简介
+						最近预约
 					</view>
 					<img :src="cssUrl+'right_bg.png'" alt="">
 				</view>
 				
-				<view class="opt">
+				<view class="opt flex">
 					查看全部<img :src="cssUrl+'index_comback2.svg'" alt="">
 				</view>
 			</view>
@@ -100,7 +100,29 @@
 				<view class="item flex">
 					<view class="left">
 						<view class="PfScMedium over">上官梓涵</view>
-						<view>待就诊</view>
+						<view class="wait">待就诊</view>
+					</view>
+					<view class="right">
+						<view>2024.01.09 周二  09:30-12:00</view>
+						<view class="over2">广安门中医医院西单门诊部  针灸科</view>
+					</view>
+				</view>
+				
+				<view class="item flex">
+					<view class="left">
+						<view class="PfScMedium over">上官梓涵</view>
+						<view class="wait">待就诊</view>
+					</view>
+					<view class="right">
+						<view>2024.01.09 周二  09:30-12:00</view>
+						<view class="over2">广安门中医医院西单门诊部  针灸科</view>
+					</view>
+				</view>
+				
+				<view class="item flex">
+					<view class="left">
+						<view class="PfScMedium over">上官梓涵</view>
+						<view class="wait">待就诊</view>
 					</view>
 					<view class="right">
 						<view>2024.01.09 周二  09:30-12:00</view>
@@ -264,9 +286,21 @@
 			}
 		}
 		.visit-wrapper{
+			.header{
+				justify-content: space-between;
+				.opt{
+					align-items: top;
+					overflow: hidden;
+					img{
+						width: 20rpx;
+						height: 32rpx;
+						margin-top: 8rpx;
+						margin-left: 8rpx;
+					}
+				}
+			}
 			.con{
 				width: 100%;
-				display: flex;
 				justify-content: center;
 				.item{
 					width: 669rpx;
@@ -287,15 +321,22 @@
 							width: 90rpx;
 							height: 32rpx;
 							line-height: 32rpx;
-							background: #F8FFF7;
 							border-radius: 6rpx;
-							border: 1rpx solid #5BD07A;
 							font-size: 22rpx;
-							color: #58CA7F;
 							text-align:center;
 							margin-top: 19rpx;
 							margin-bottom: 12rpx;
 						}
+						& view.wait:last-of-type{
+							border: 1rpx solid #AEB0B8;
+							background: #FCFCFC;
+							color: #AEB0B8;
+						}
+						& view.down:last-of-type{
+							color: #58CA7F;
+							background: #F8FFF7;
+							border: 1rpx solid #5BD07A;
+						}
 					}
 					.right{
 						flex-grow:1;
@@ -310,9 +351,9 @@
 							margin-top: 19rpx;
 							height: 40rpx;
 							font-size: 28rpx;
-							color: #A1A1A1;
 							line-height: 40rpx;
 							overflow: hidden;
+							color: #A1A1A1;
 						}
 					}
 				}