<template>
	<view class="app">
		<view class="topbanner">
			<view class="title">
				我的
			</view>
			<image src="../../static/pages/userbanner.png" mode="" class="userbanner"></image>
			<image src="../../static/pages/headsculpture.png" mode="" class="headsculpture"></image>
			<view class="name">
				张三
			</view>
			<view class="signing">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.app {
		.topbanner {
			width: 100%;
			height: 450rpx;
			position: relative;

			.title {
				position: absolute;
				top: 20%;
				left: 0%;
				width: 100%;
				text-align: center;
				font-size: 34rpx;
				font-weight: 600;
				color: #FFFFFF;
			}

			.headsculpture {
				position: absolute;
				top: 40%;
				left: 8%;
				width: 120rpx;
				height: 120rpx;
			}

			.userbanner {
				position: absolute;
				top: 0%;
				left: 0%;
				z-index: -1;
				width: 100%;
				height: 100%;
			}
		}
	}
</style>