<template>
	<view class="u-wrap u-padding-bottom-70">
		<view class="photo u-flex u-row-center u-padding-40">
			<u-image width="300rpx" height="300rpx" shape="circle" bg-color="var(--u-bg-color)" :src="src"></u-image>
		</view>
		<u-cell-group>
			<u-cell-item title="姓名"  value="张三" :arrow="false" ></u-cell-item>
			<u-cell-item title="联系方式" value="13395515136" :arrow="false"></u-cell-item>
			<u-cell-item title="所属单位" value="xxxxxxxxxxxxxx单位" :arrow="false"></u-cell-item>
		</u-cell-group>
		<view class="fab">
			<u-button type="primary" >退出</u-button>
		</view>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	const src = ref("https://ik.imagekit.io/anyup/uview-pro/logo/default.png");
</script>
<style lang="scss">
	.u-wrap{
		background-color: #ffffff;
		width: 100%;
		height: calc(100vh - 52px - env(safe-area-inset-bottom));
		.fab{
			padding: 20rpx 40rpx;
			position: fixed;
			bottom: 200rpx;left: 0;right: 0;
			z-index: 9999999999999;
		}
	}
</style>