luoyangCoachApp/pages/tabbar/statistics/comp/topUserInfo.vue

<template>
	<view class="userInfo">
		<view class="tit">Hi,{{vuex_userInfo.user.nickname}}</view>
		<view class="flex userRow">
			<view class="schoolIcon">
				<image src="@/static/images/index/ic_jiaxiao.png" mode=""></image>
			</view>
			<view class="schoolName oneRowText">{{ vuex_userInfo.user.schoolName}}</view>
			<view class="tag">{{identity}}</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.userInfo {
			  
	  .tit {
				font-size: 48rpx;
				color: #fff;
				font-weight: 500;
	  }
		
	  .userRow {
				align-items: center;
				margin-bottom: 20rpx;
	    .schoolIcon {
	      width: 28rpx;
				height: 28rpx;
	    }
		
	    .schoolName {
				font-size: 28rpx;
				padding: 20rpx;
				max-width: 420rpx;
				color: #fff;
	    }
		
	    .tag {
				min-width: 112rpx;
				height: 44rpx;
				background: #82AFDD;
				border-radius: 22rpx;
				font-size: 20rpx;
				color: #fff;
				line-height: 44rpx;
				text-align: center;
				white-space: nowrap;
				width: fit-content;
	    }
	  }
	}
</style>