From e8ce7ec04b5ea47027ea6431f67827577fbe7f7e Mon Sep 17 00:00:00 2001
From: kuaileWu <1432334894@qq.com>
Date: Fri, 8 Mar 2024 14:43: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 | 57 ++++++++++++++++++++-------------------------------
 1 file changed, 22 insertions(+), 35 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index b3fff46..ffb834e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="index-page">
+	<view class="index-page btPadding">
 		<view class="header-wrapper flex">
 			<view class="left">
 				<view class="flex top PfScMedium">
@@ -50,7 +50,7 @@
 					</view>
 				</view>
 				
-				<view class="bot primary btn btn2">
+				<view class="bot primary btn btn2" hover-class="hover">
 					预约看诊
 				</view>
 			</view>
@@ -76,13 +76,13 @@
 					</view>
 				</view>
 				
-				<view class="bot primary btn btn2">
+				<view class="bot primary btn btn2" hover-class="hover">
 					预约看诊
 				</view>
 			</view>
 		</view>
 		
-		<view class="block visit-wrapper ">
+		<view class="block visit-wrapper">
 			<view class="header flex">
 				<view class="title-wrapper flex booklist">
 					<view class="title">
@@ -99,29 +99,18 @@
 			<view class="con">
 				<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 class="PfScMedium over2">上官梓涵</view>
+						<view class="done">待就诊</view>
 					</view>
 					<view class="right">
 						<view>2024.01.09 周二  09:30-12:00</view>
-						<view class="over2">广安门中医医院西单门诊部  针灸科</view>
+						<view class="over2">广安门中医医院西单门广安门中医医院西单门 针灸科</view>
 					</view>
 				</view>
 				
 				<view class="item flex">
 					<view class="left">
-						<view class="PfScMedium over">上官梓涵</view>
+						<view class="PfScMedium over2">上官梓涵</view>
 						<view class="wait">待就诊</view>
 					</view>
 					<view class="right">
@@ -321,28 +310,27 @@
 						width: 180rpx;
 						flex-shrink: 1;
 						& view:first-of-type{
-							height: 42rpx;
-							line-height: 42rpx;
+							width: 140rpx;
 							font-size: 30rpx;
 							color: #000000;
+							min-height: 42rpx;
+							line-height: 42rpx;
 						}
 						& view:last-of-type{
-							padding: 0rpx 10rpx 0rpx 10rpx;
-							width: 90rpx;
-							height: 32rpx;
-							line-height: 32rpx;
 							border-radius: 6rpx;
 							font-size: 22rpx;
 							text-align:center;
-							margin-top: 19rpx;
-							margin-bottom: 12rpx;
+							width: 90rpx;
+							height: 32rpx;
+							line-height: 32rpx;
+							margin-top: 18rpx;
 						}
 						& view.wait:last-of-type{
 							border: 1rpx solid #AEB0B8;
 							background: #FCFCFC;
 							color: #AEB0B8;
 						}
-						& view.down:last-of-type{
+						& view.done:last-of-type{
 							color: #58CA7F;
 							background: #F8FFF7;
 							border: 1rpx solid #5BD07A;
@@ -352,18 +340,17 @@
 						flex-grow:1;
 						text-align:right;
 						& view:first-of-type{
-							height: 30rpx;
 							font-size: 28rpx;
 							color: #000000;
-							line-height: 30rpx;
+							height: 42rpx;
+							line-height: 42rpx;
 						}
 						& view:last-of-type{
-							margin-top: 19rpx;
-							height: 40rpx;
-							font-size: 28rpx;
-							line-height: 40rpx;
-							overflow: hidden;
+							min-height: 32rpx;
+							line-height: 32rpx;
 							color: #A1A1A1;
+							font-size: 28rpx;
+							margin-top: 18rpx;
 						}
 					}
 				}