手机号注册登录微信小程序界面设计样式方案

在手机号注册里，需要设计输入框用来设计手机号，设计同意注册协议及“下一步”按钮。

1、在“pages/mobile/mobile”文件里，进行手机号输入的布局设计，并设计注册协议和“下一步”，wxml文件布局代码如下：

2、在“pages/mobile/mobile”文件里，进行手机号输入的布局设计，并设计注册协议和“下一步”，wxss文件样式代码如下：

手机号输入框和同意协议布局样式效果图如下：

3、在“pages/mobile/mobile”文件里，添加mobileblur事件，如果输入手机号，“下一步”按钮则变为可用状态，js代码如下：

上述代码运行效果图如下：

4、在“mobile.json”文件里，添加“navigationVarTitleText”，“手机快速注册”属性，设置导航标题为“手机快速注册”，如图所示。