<template>
	<div class="account-info">
		<div class="left">
			<img alt="" src="" class="avatar" />
			<div class="name">12312</div>
			<div class="name">12312</div>
			<div class="name">12312</div>
		</div>
		<div class="content"></div>
	</div>
</template>
<script setup lang="ts">
	import { computed } from 'vue'
</script>

<style scoped lang="less">
	.account-info {
		display: flex;
		>.left{
			width: 270px;
			border-right: 1px solid #e1e1e1;
			margin-right: 30px;
		}
		>.content{
			flex: 1;
		}
	}
</style>
