From 7acc00c8ad0e0e7a65f591bed3e9ef7efcce4f74 Mon Sep 17 00:00:00 2001
From: taiyuan <taiyuan@yolipai.com>
Date: Sat, 15 May 2021 10:24:23 +0800
Subject: [PATCH] 预约服务预约表格

---
 app.wxss                                    |  10 +++++++---
 packageA/pages/my_service/appment_main.wxml | 137 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------
 packageA/pages/my_service/appment_main.wxss |  56 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
 3 files changed, 186 insertions(+), 17 deletions(-)

diff --git a/app.wxss b/app.wxss
index 710eb63..0c7bfe4 100644
--- a/app.wxss
+++ b/app.wxss
@@ -646,9 +646,9 @@ background: #ffe3e2;
 /* 图标字体(ty) */
 @font-face {
   font-family: 'iconfont';  /* Project id 2054717 */
-  src: url('//at.alicdn.com/t/font_2054717_yuggz804p8.woff2?t=1620980590195') format('woff2'),
-       url('//at.alicdn.com/t/font_2054717_yuggz804p8.woff?t=1620980590195') format('woff'),
-       url('//at.alicdn.com/t/font_2054717_yuggz804p8.ttf?t=1620980590195') format('truetype');
+  src: url('//at.alicdn.com/t/font_2054717_hcnqrwwkh97.woff2?t=1620986106765') format('woff2'),
+       url('//at.alicdn.com/t/font_2054717_hcnqrwwkh97.woff?t=1620986106765') format('woff'),
+       url('//at.alicdn.com/t/font_2054717_hcnqrwwkh97.ttf?t=1620986106765') format('truetype');
 }
 
 .iconfont {
@@ -659,6 +659,10 @@ background: #ffe3e2;
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-sandian:before {
+  content: "\e665";
+}
+
 .icon-meirong:before {
   content: "\e60e";
 }
diff --git a/packageA/pages/my_service/appment_main.wxml b/packageA/pages/my_service/appment_main.wxml
index adaa301..4391abb 100644
--- a/packageA/pages/my_service/appment_main.wxml
+++ b/packageA/pages/my_service/appment_main.wxml
@@ -19,64 +19,179 @@
     </view>
 		
 		
-		<view class="table flex">
+		<view class="table flex fs26">
 			<view class="left t-c">
-				<view class="td">时间</view>
+				<view class="td pr">
+					<view class="time-box"><view class="time">时间</view></view>
+					<view class="md-box"><view class="md">美导</view></view>
+				</view>
 				<view class="td">8:00</view>
 				<view class="td">9:00</view>
+				<view class="td">10:00</view>
+				<view class="td">11:00</view>
+				<view class="td">12:00</view>
+				<view class="td">13:00</view>
+				<view class="td">14:00</view>
+				<view class="td">15:00</view>
+				<view class="td">16:00</view>
+				<view class="td">17:00</view>
+				<view class="td">18:00</view>
+				<view class="td">19:00</view>
 			</view>
 			<scroll-view scroll-x class="right" bindscroll="scroll">
 				<view class="flex t-c" bindtap="rect">
 					<view bindtap="rect">
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td" bindtap="print">100</view>
 						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td">100</view>
 						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td" bindtap="print">100</view>
 						<view class="td">200</view>
+
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td">100</view>
 						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td">100</view>
 						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">张三</view>
 						<view class="td">100</view>
 						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">张三</view>
+						<view class="td bg-pink">1张三</view>
+						<view class="td">300</view>
+						<view class="td">300</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
 						<view class="td">100</view>
 						<view class="td">200</view>
 					</view>
 					<view>
-						<view class="td blue">1张三</view>
+						<view class="td bg-pink">1张三</view>
+						<view class="td">300</view>
+						<view class="td">300</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">1张三</view>
+						<view class="td">300</view>
+						<view class="td">300</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">张三</view>
+						<view class="td">100</view>
+						<view class="td">200</view>
+					</view>
+					<view>
+						<view class="td bg-pink">1张三</view>
 						<view class="td">300</view>
 						<view class="td">300</view>
 					</view>
 				</view>
 			</scroll-view>
 			<view class="card">
+				<view class="t-c c-c7"><text class="iconfont icon-sandian"></text></view>
 				<view class="t-c pd20">
 					<text class="iconfont icon-meirong fs40"></text>
 					<view class="fs24">项目1</view>
 				</view>
 				<view class="t-c pd20">
 					<text class="iconfont icon-meirong fs40"></text>
-					<view class="fs24">项目1</view>
+					<view class="fs24">项目2</view>
+				</view>
+				<view class="t-c pd20">
+					<text class="iconfont icon-meirong fs40"></text>
+					<view class="fs24">项目3</view>
+				</view>
+				<view class="t-c pd20">
+					<text class="iconfont icon-meirong fs40"></text>
+					<view class="fs24">项目4</view>
+				</view>
+				<view class="t-c pd20">
+					<text class="iconfont icon-meirong fs40"></text>
+					<view class="fs24">项目5</view>
+				</view>
+				<view class="t-c pd20">
+					<text class="iconfont icon-meirong fs40"></text>
+					<view class="fs24">项目6</view>
 				</view>
 			</view>
 		</view>
diff --git a/packageA/pages/my_service/appment_main.wxss b/packageA/pages/my_service/appment_main.wxss
index bf3d869..2a6c55a 100644
--- a/packageA/pages/my_service/appment_main.wxss
+++ b/packageA/pages/my_service/appment_main.wxss
@@ -296,6 +296,9 @@ button {
 .blue {
 	background: rgba(241, 252, 255, 1);
 }
+.bg-pink {
+	background-color: #FFDEF0;
+}
 .td {
 	width: 100rpx;
 	height: 100rpx;
@@ -312,14 +315,61 @@ button {
 
 .right {
 	width: calc(100% - 102rpx);
-	padding-right: 102rpx;
+	
 	box-sizing: border-box;
 }
 
 .card {
 	position: fixed;
+	top: 50%;
 	right: 0;
+	transform: translateY(-50%);
 	background-color: white;
-	box-shadow: 4px 0px 12px #e7e9eb;
-	border-radius: 8rpx;
+
+	border-radius: 10rpx;
+	box-shadow: -2px 0px 6px #ccc;
+}
+
+.icon-meirong {
+	color: pink;
+}
+
+
+
+.time-box {
+	width: 0;
+	height: 0;
+	border-width: 50rpx;
+	border-style: solid;
+	border-color: transparent transparent white white;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+}
+.time {
+	position: absolute;
+	bottom: -22px;
+	width: 53rpx;
+	z-index: 999;
+	left: -22px;
+	font-size: 12px;
+}
+
+.md-box {
+	width: 0;
+	height: 0;
+	border-width: 50rpx;
+	border-style: solid;
+	border-color: #FFDEF0 #FFDEF0 transparent transparent;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.md {
+	position: absolute;
+	top: -18px;
+	width: 53rpx;
+	z-index: 999;
+	right: -24px;
+	font-size: 12px;
 }
--
libgit2 0.21.4