本系列主要是从活动中将参与者分享的代码片断凝成一个系列:
你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断:
分享实用代码片断活动,分享5个片断额外奖励一个月VIP会员
本次由 ETL分享
一:扫码
目的
方便用户输入数据,部分数字数据,如饮料瓶上的条码输入,可以直接使用扫码读入数据
wxml代码
-
<view>
-
<input name="termSeq" placeholder="*机器号" value="{{termSeq}}" /> //放数据用的input
-
<image src="../../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) //这是表示多久后执行下拉停止
-
}
|