本系列主要是从活动中将参与者分享的代码片断凝成一个系列:
你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断:
分享实用代码片断活动,分享5个片断额外奖励一个月VIP会员
本次由 ETL分享
一:扫码
目的
方便用户输入数据,部分数字数据,如饮料瓶上的条码输入,可以直接使用扫码读入数据
wxml代码
<view>
<input name="termSeq" placeholder="*机器号" value="{{termSeq}}" /> //放数据用的input
<image src=http://www.yiyongtong.com/archives/"../../pages/images/timg.jpg" bindtap="getseq"/> //点击图片启动摄像头扫码
</view>
js代码
getseq: function (e) {
var _that = this;
wx.scanCode({
success: function (res) {
console.log("成功")
console.log(res)//打印res查看扫码结果
if (res.result) {//将得到的数据放到input输入框去
_that.setData({
termSeq: res.result
})
}
},
fail: function (res) {
console.log("失败")
console.log(res)
}
})
}
二:下拉刷新
目标 用户拉下的时候,可以刷新当前页面
刷新需要在app.json 添加代码 app.json代码 放在pages下面
,
"window": {
"enablePullDownRefresh": true
}
js代码
onPullDownRefresh: function () {
//这里写用户下拉的时候你执行的动作,如:发起wx.request请求一次,或者其他请求
console.log("下拉刷新")
setTimeout(()=>{
wx.stopPullDownRefresh()//表示停止刷新
},1000) //这是表示多久后执行下拉停止