From dba1c889ceee544970ae9d9bc3858b1be7ede3c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Wed, 20 Sep 2023 12:06:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=AE=A1=E7=90=86=E5=AE=B6?=
 =?UTF-8?q?=E5=BA=AD=E6=88=90=E5=91=98=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagesB/managefamily/managefamily.vue | 137 ++++++++++++++++++++++++++-
 1 file changed, 133 insertions(+), 4 deletions(-)

diff --git a/pagesB/managefamily/managefamily.vue b/pagesB/managefamily/managefamily.vue
index 8c3b35f..bc37a3f 100644
--- a/pagesB/managefamily/managefamily.vue
+++ b/pagesB/managefamily/managefamily.vue
@@ -1,6 +1,32 @@
 <template>
-	<view>
-		
+	<view class="app">
+		<view class="forlist">
+			<view class="item">
+				<view class="namesigning">
+					<span class="name">
+						张三
+					</span>
+					<view class="signing">
+						未签约
+					</view>
+				</view>
+				<view class="card">
+					37029828873746473
+				</view>
+				<view class="border"></view>
+				<view class="identityname">
+					户主
+				</view>
+			</view>
+		</view>
+		<view class="bottom">
+			<view class="text">
+				每位微信用户最多可以绑定8名家庭成员
+			</view>
+			<view class="btn">
+				添加家庭成员
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -8,12 +34,115 @@
 	export default {
 		data() {
 			return {
-				
+
 			};
 		}
 	}
 </script>
 
 <style lang="scss">
+	page {
+		background-color: #F4F5F7;
+	}
 
-</style>
+	.app {
+		color: #333333;
+
+		.bottom {
+			position: fixed;
+			bottom: 30rpx;
+			left: 50%;
+			transform: translateX(-50%);
+			text-align: center;
+
+			.text {
+				margin-bottom: 12rpx;
+				font-size: 20rpx;
+				font-weight: 500;
+				color: #26A888;
+			}
+
+			.btn {
+				width: 500rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				color: #fff;
+				font-weight: 500;
+				background: #26A888;
+				border-radius: 5rpx;
+
+			}
+		}
+
+
+		.forlist {
+			width: 100%;
+
+			.item {
+				border-radius: 10rpx;
+				background-color: #fff;
+				margin: 20rpx auto;
+				width: 94%;
+				height: 310rpx;
+				position: relative;
+
+				.identityname {
+					width: 100rpx;
+					height: 40rpx;
+					line-height: 40rpx;
+					text-align: center;
+					background: #FFFFFF;
+					border: 2rpx solid #FFA115;
+					border-radius: 5rpx;
+					font-size: 24rpx;
+					color: #FFA115;
+					position: absolute;
+					bottom: 8%;
+					left: 10%;
+				}
+
+				.border {
+					width: 90%;
+					height: 1rpx;
+					background: #E6E6E6;
+					font-size: 30rpx;
+					position: absolute;
+					top: 72%;
+					left: 5%;
+				}
+
+				.card {
+					font-size: 30rpx;
+					position: absolute;
+					top: 46%;
+					left: 10%;
+				}
+
+				.namesigning {
+					position: absolute;
+					top: 20%;
+					left: 10%;
+
+					.name {
+						display: inline-block;
+						font-size: 38rpx;
+					}
+
+					.signing {
+						text-align: center;
+						margin-left: 30rpx;
+						height: 36rpx;
+						line-height: 36rpx;
+						display: inline-block;
+						width: 90rpx;
+						background: #FFFFFF;
+						border: 2rpx solid #FFA115;
+						border-radius: 5rpx;
+						font-size: 22rpx;
+						color: #FFA115;
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file