用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

实用代码片断系列《二》扫码,下拉刷新

纸飞机 2018-3-8 09:36

本系列主要是从活动中将参与者分享的代码片断凝成一个系列: 你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断: 本次由 ETL分享一:扫码目的 方便用户输入数据,部分数字数据,如饮料瓶上 ...

本系列主要是从活动中将参与者分享的代码片断凝成一个系列:
你可以在这里分享自己的代码片断,会在下一篇文章中加入你的分享的代码片断:

本次由 ETL分享

一:扫码

目的
方便用户输入数据,部分数字数据,如饮料瓶上的条码输入,可以直接使用扫码读入数据

wxml代码

  1. name="termSeq" placeholder="*机器号" value="{{termSeq}}" /> //放数据用的input
  2. src="../../pages/images/timg.jpg" bindtap="getseq"/> //点击图片启动摄像头扫码

js代码

  1. getseq: function (e) {
  2. var _that = this;
  3. wx.scanCode({
  4. success: function (res) {
  5. console.log("成功")
  6. console.log(res)//打印res查看扫码结果
  7. if (res.result) {//将得到的数据放到input输入框去
  8. _that.setData({
  9. termSeq: res.result
  10. })
  11. }
  12. },
  13. fail: function (res) {
  14. console.log("失败")
  15. console.log(res)
  16. }
  17. })
  18. }

二:下拉刷新

目标
用户拉下的时候,可以刷新当前页面

刷新需要在app.json 添加代码
app.json代码
放在pages下面

  1. ,
  2. "window": {
  3. "enablePullDownRefresh": true
  4. }

js代码

  1. onPullDownRefresh: function () {
  2. //这里写用户下拉的时候你执行的动作,如:发起wx.request请求一次,或者其他请求
  3. console.log("下拉刷新")
  4. setTimeout(()=>{
  5. wx.stopPullDownRefresh()//表示停止刷新
  6. },1000) //这是表示多久后执行下拉停止
  7. }

tip
1、如有遇到新问题,可以在下方留言或者加QQ群437729329 进行咨询

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏