如题。
项目上线已经有一个月了，因为微信登录接口的变化导致变更了用户登录需求。
今天有时间了把这块给补上去，记录一下开发的过程。
首先，一个图片按钮作为头像，一个文本框作为昵称
代码如下：

<view>
  <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
  <image class="avatar" :src="avatarUrl||tempavatarUrl"></image>
  </button>
</view>
<view class="flex margin padding bg-white text-xl radius">
    <text>设置昵称</text>
    <input type="nickname" v-model="nickname" placeholder="请输入昵称" />
</view>

有两个地方需要说明，模版变量判断{{avatarUrl||tempavatarUrl}},es6写法，就是给变量为空的时候设置一个默认值。
还有一个是昵称，表单v-model获取不到键盘上点选的微信昵称，这又是运行环境的问题，真机运行正常，微信模拟器有问题，所以应该可以忽略这个问题，但是如果真想解决，那就用@input来解决。