您所在的位置: > 主页 > 中华新金融网 > 资讯 > 正文
手机号注册登录微信小程序界面设计样式方案来源: 日期:2020-06-03 04:35:38  阅读:-

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

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

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

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

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

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

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

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

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

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

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

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

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

    (正文已结束)

    免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!