<template>
	<view class="center plr-25">
		<view class="br-12" style="background: linear-gradient( 180deg, #1FCA7C 0%, #DDF1E8 100%);;margin-top: 30rpx;">
			<view class="flex-column mar-25">
				<text class="fs-32 fw-700 mb-30" style="text-align: left;">当前住址</text>
				<view class="flex-column br-12 pad-25" style="background: #F3FEF9;">
					<view class="flex v-center">
						<image class="h-42 w-42" src="/static/icon_my_fw.png"></image>
						<text class="fs-28">利达国宾中心</text>
						<image class="h-25 w-25 mt-5" src="/static/icon_r.png"></image>
					</view>
					<text class="fs-24 h-54 lh-54 mt-30"
						style="background: linear-gradient( 90deg, #CAF6E2 0%, #FFFFFF 100%);">
						1栋2单元205室
					</text>
				</view>
			</view>
		</view>
		<view class="flex-column fs-32 w-150 vh-center mtb-30">
			<text style="text-align: center;">家庭成员</text>
			<view style="width: 60rpx;height: 5rpx;background-color: #1FCA7C;"></view>
		</view>

		<view class="overflow-y">
			<scroll-view scroll-y style="height: 100%;">
				<view @click="onClickSelecte(index)" v-for="(item, index) in 10" :key="index">
					<view class="flex-column br-12 fs-28 pad-30 mb-20" style="background: #FFFFFF;">
						<view class="flex vh-center">
							<image class="w-95 h-95 br-50" src="/static/icon_logo.png"></image>
							<view class="flex-column ml-20" style="text-align: left;flex: 1;">
								<text class="fs-30">家庭成员1</text>
								<view class="flex">
									<text class="fs-22 mt-10 plr-20 ptb-5 br-4"
										style="border: 1px solid #1FCA7C;color: #1FCA7C;">长辈1</text>
								</view>

							</view>
							<text class="fs-28">17787878787</text>
						</view>
					</view>
				</view>

			</scroll-view>
		</view>
		<view class="h-140 pt-20">
			<view class="fullscreen-btn" @click="onClick(0)">
				新增人员
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selecteIndex: 0
			};
		},
		onLoad(options) {

		},
		methods: {
			open() {

			},
			close() {

			},
			onClick(index) {
				if (index == 0) {
					this.$wskj.to("/pagesMine/pages/jtcy")
					return
				}
			},
			onClickSelecte(index) {
				this.selecteIndex = index
				this.$wskj.to("/pagesMine/pages/jtcy")
			}
		}
	};
</script>

<style>
	.center {
		height: 100vh;
		display: flex;
		flex-direction: column;
		background: #F2F2F2;
	}

	.item {
		width: 100%;
		height: 200rpx;
		margin-top: 20rpx;
	}

	.item2 {
		width: 100%;
		height: 150rpx;
		margin-top: 20rpx;
	}
</style>