微信小程序，写一个悬浮view，包括2个上下排列的view，上边放圆形头像，下边放名字，都在view上左右居中

可以通过以下步骤实现：

1. 在 wxml 文件中创建一个悬浮 view，设置它的定位方式为 fixed，以便让它悬浮在页面上方。

<view class="float-view" style="position: fixed; top: 0; left: 0;">
  <!-- 上边放圆形头像 -->
  <view class="avatar"></view>
  <!-- 下边放名字 -->
  <view class="name">用户名</view>
</view>

2. 在 wxss 文件中设置悬浮 view 的样式，包括它的宽度、高度、背景色、圆角等。

.float-view {
  width: 100%;
  height: 80rpx; /* 设置悬浮 view 的高度 */
  background-color: #fff;
  border-radius: 40rpx; /* 设置圆角 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.avatar {
  width: 60rpx; /* 设置头像的大小 */
  height: 60rpx;
  border-radius: 50%; /* 将头像变成圆形 */
  background-color: #ccc;
}

.name {
  font-size: 28rpx; /* 设置名字的字号 */
  color: #333;
  margin-top: 10rpx; /* 设置名字与头像的间距 */
}

3. 在 js 文件中，可以通过动态修改悬浮 view 的内容来显示用户的头像和名字。

Page({
  data: {
    avatarUrl: '',
    userName: ''
  },
  /* 生命周期函数--监听页面加载 */
  onLoad: function (options) {
    // 获取用户信息
    wx.getUserInfo({
      success: res => {
        this.setData({
          avatarUrl: res.userInfo.avatarUrl,
          userName: res.userInfo.nickName
        })
      }
    })
  }
})

4. 在 wxml 文件中，将头像和名字绑定到悬浮 view 上。

<view class="float-view" style="position: fixed; top: 0; left: 0;">
  <!-- 上边放圆形头像 -->
  <view class="avatar" style="background-image: url({{avatarUrl}})"></view>
  <!-- 下边放名字 -->
  <view class="name">{{userName}}</view>
</view>

这样，就可以在页面上方实现一个悬浮 view，包括一个圆形头像和一个名字，且它们都在 view 上左右居中。