快应用发送短信验证码+60秒倒计时
初试快应用,写个简单的短信登录功能,效果:
文章图片
屏幕快照 2019-06-05 16.30.19.png 完整代码:
.demo-page {
flex-direction: column;
justify-content: flex-start;
align-items: center;
background: linear-gradient(#5681d7, #486ec3);
padding: 10px;
}
.row{
height: 80px;
width: 100%;
border-radius: 10px;
margin-top: 50px;
margin-bottom: 50px;
background-color: #ffffff;
display: flex;
}
.codeInp{
flex: 1;
}
.codeBtn{
color: #bbb;
width: 30%;
height: 80px;
width: 190px;
text-align: center;
}
.subBtn{
width: 200px;
height: 80px;
background-color: #ffffff;
color: #000;
border-radius: 50px;
}
【快应用发送短信验证码+60秒倒计时】发送短信使用的是榛子云短信,需要注册后申请appId、appSecret
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- 第三节|第三节 快乐和幸福(12)
- JS中的各种宽高度定义及其应用
- python学习之|python学习之 实现QQ自动发送消息
- 拉黑家人一整年之后,以为会快乐,最后却抑郁症!!
- 会说唱的快乐老头儿
- 【1057快报】深入机关,走下田间,交通普法,共创文明
- 我用芋圆和芋饺祝大家元宵节快乐
- 2018年6月7日|2018年6月7日 日记
- 第十九周