效果

制作思路

用户输入手机号，发送验证码，收到验证码后进行验证，验证通过进入指定页面。

制作过程

首先在页面中放置 2 个输入框和 2 个按钮，输入框分别命名为：手机号和验证码；按钮分别命名为：发送验证码和登录 ​ ​ 点击“发送验证码”的图片按钮，为其添加“发送验证码”的行为，并且将发送内容设置为“手机号”这个输入框，为的是让程序知道，发送到哪个号码；同时在“成功时”我们添加一个“显示提示”的行为，告知用户验证码已发送成功。 ​

下一步我们为登录按钮，增加一个“校验验证码”的行为，我们使用相同的方法，来指定手机号和验证码的 2 个输入框，也用于使用对应的手机号和验证码进行组合校验。在这里，我们同时还设置了“成功后”跳转到仪表盘页面；“失败时”提示验证码错误。 ​