<template>
	<view class="headInfo">
		<view class="info">
			<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
			<text>wchenp</text>
			<uni-icons type="gear" size="21" />
		</view>

	</view>
</template>

<script>
</script>

<style>
	.headInfo {
		width: 100%;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		border-bottom: 1px solid #999999;
		display: flex;
		justify-content: flex-end;

		.info {
			width: 120px;
			display: flex;
			justify-content: space-around;

			.toux {
				margin-top: 10rpx;
				width: 26px;
				height: 26px;
				border-radius: 30px;
				overflow: hidden;
			}

			text {
				display: in;
			}
		}
	}
</style>
