<template>
  <view class="user_info">
    <view class="avatar_info"> </view>
    <view class="user_info_content">
      <view class="user_name"> 黄师傅007 <text>187****0092</text></view>
      <view> 员工 </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.user_info {
  display: flex;
  align-items: center;
  padding: 0 30rpx 20rpx 30rpx;
  .avatar_info {
    width: 140rpx;
    height: 140rpx;
    border-radius: 40rpx;
    background: rgba(229, 229, 229, 0.34);
  }
  .user_info_content {
    flex: 1;
    padding: 0 0 0 30rpx;
    color: #fff;
    font-size: 27rpx;
    .user_name {
      display: flex;
      align-items: center;
      font-size: 32rpx;
      padding-bottom: 10rpx;
    }
    text {
      padding-left: 40rpx;
      font-size: 27rpx;
    }
  }
}
</style>
