<template>
	<view class="app">
		<image src="../../static/headsculpture.png" mode=""></image>
		<view class="name">
			张三
		</view>
		<view class="position">
			主任医师 肾内科
		</view>
		<view class="Affiliation">
			山东大学齐鲁医院
		</view>
	</view>
</template>

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

			};
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F4F5F7;
	}

	.app {
		width: 96%;
		margin: 20rpx auto;
		color: #666666;

		image {
			display: block;
			width: 150rpx;
			height: 150rpx;
			margin: 40rpx auto 0;
		}

		.name {
			text-align: center;
			margin: 40rpx auto 0;
			font-size: 32rpx;
			font-weight: 500;
			color: #000000;
		}

		.Affiliation {
			text-align: center;
			margin: 16rpx auto 0;
			font-size: 20rpx;
		}

		.position {
			text-align: center;
			margin: 20rpx auto 0;
			font-size: 22rpx;
		}
	}
</style>