小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2290字，纯文字阅读大概需要4分钟。
内容图文
1》小程序ios页面晃动问题，上下晃动是因为机子本身问题，左右问题可以解决
.container{
padding-bottom: 0;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom center;
}
包个container
2》小程序倒计时60秒 以及倒计时的时候按钮无法点击 ，60秒之后重新
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="weui-cells weui-cells_after-title">
<view class="weui-cell weui-cell_input">
<view class="weui-cellhd">
<view class="weui-label">手机号</view>
</view>
<view class="weui-cellbd">
<input class="weui-input"name="phone" placeholder="请输入手机号"/>
</view>
</view>
<view class="weui-cell weui-cell_input weui-cell_vcode">
<view class="weui-cellhd">
<view class="weui-label">验证码</view>
</view>
<view class="weui-cellbd">
<input class="weui-input" maxlength=‘6‘ name="yzm" placeholder="请输入验证码" />
</view>
<view class="weui-cell__ft">
<view style=‘width:160rpx;text-align:center;font-size:34rpx‘ data-id="2" bindtap="getBtn" class="buttonget weui-vcode-btn">{{time}}</view>
</view>
</view>
<view class="weui-cell weui-cell_input weui-cell_vcode"></view>
</view>
<view class=‘xzsf_bt‘>
<button class="weui-btn" formType="submit" type="primary">确定</button>
</view>
</form>
js
data: {
nickName: wx.getStorageSync(‘nickName‘),
head: wx.getStorageSync(‘head‘),
time:"获取验证码",
currentTime:60,
disabled: true
},
formSubmit: function (res) {
console.log(res);
var phone = res.detail.value.phone;
var yzm = res.detail.value.yzm;
var rePhone = /^1\d{10}$/;
if (!rePhone.test(phone)) {
wx.showToast({
title: ‘请输入正确的手机号码‘,
icon: ‘none‘,
duration: 2000
})
return;
}
var reyzms = /^\d{6}$/;
if (!reyzms.test(yzm)) {
wx.showToast({
title: ‘请输入正确的验证码‘,
icon: ‘none‘,
duration: 2000
})
return;
}
},
getBtn: function (options) {
var that = this;
var currentTime = that.data.currentTime;
console.log(currentTime);
//这里是60秒内不能再点击
if (that.data.disabled){
that.setData({
time: currentTime + ‘秒‘,
disabled: false
})
var interval = setInterval(function () {
that.setData({
time: (currentTime - 1) + ‘秒‘,
})
currentTime--;
if (currentTime <= 50) {
clearInterval(interval)
that.setData({
time: ‘重新获取‘,
currentTime: 60,
disabled: true
})
}
}, 1000)
}
},
原文：https://www.cnblogs.com/lsc-boke/p/10996880.html
内容总结
以上是互联网集市为您收集整理的小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)全部内容，希望文章能够帮你解决小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。