您所在的位置:主页 > 百姓经济网 > 科技 > 正文

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

2020-06-03 10:53:48 来源: 阅读:-

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

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

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

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

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

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

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

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

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

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

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

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

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

推荐阅读:一什么苹果