微信小程序之头像昵称填写colorUI组件实现一例

colorUI组件使用还是相当方便的，微信小程序昵称填写只需使用4个组件就可以了：modal、form、button、avatar，效果图如下：

实现效果图

modal有多种模式，如普通、对话框、底部弹出、侧面弹窗等，这里使用底部弹窗模式，代码如下图：

xml文件 js文件

效果图如下：

初始状态 选择头像图 选择昵称