24小时开发垃圾分类小程序

267 阅读1分钟

最近上海垃圾分类有点小火,所以想开发一个垃圾分类的小程序,面是小程序码,欢迎体验,如有有问题,也可以指导一下


小程序的界面放几张图给大家看一下


好了,废话少说,上代码

var root = '../../utils/';var apiUrl = require(root + 'api.js');var util = require(root + 'util.js');Page({  data: {    garbage: [],    searchgarbage: [],    showloading: false,    inputValue: '',    showclose: false  },  //事件处理函数  bindViewTap: function (opt) {    let name = opt.currentTarget.dataset.name    this.setData({      showloading: false    }, () => {      wx.navigateTo({        url: `../logs/logs?name=${name}`      })    })  },  clearinput: function () {    this.setData({      'inputValue': '',      showclose: false,      showloading: false    })  },  onLoad: function (options) {    this.getFormList()    if (options.name) {      wx.navigateTo({        url: `../logs/logs?name=${options.name}`      })    }  },  getFormList() {    wx.showLoading({      title: '加载中..',    })    var that = this;    util.requestData({      url: apiUrl.hot,      data: {},      method: 'GET',      success: function (res) {        if (res.data.code == '0') {          that.setData({            garbage: res.data.result          })        }        wx.hideLoading();      },      complete: function () {        wx.hideLoading();      }    })  },  showicon: function (options) {    if (options.detail.value) {      this.setData({        showclose: true,        inputValue: options.detail.value      })    }  },  getAboutData: function () {    if (this.data.inputValue) {      let that = this;      wx.showLoading({        title: '加载中..',      })      util.requestData({        url: apiUrl.search,        data: {          keyWord: that.data.inputValue        },        method: 'GET',        success: function (res) {          wx.hideLoading();          if (res.data.code == '0') {            that.setData({              searchgarbage: res.data.result,              showloading: true            })          } else {            wx.showToast({              title: res.data.reason,              icon: 'none',              duration: 2000            })          }        },        complete: function () {          wx.hideLoading();        }      })    } else {      wx.showToast({        title: '垃圾名称不能为空',        icon: 'none',        duration: 2000      })    }  },  onShareAppMessage: function (res) {    console.log('22')    return {      title: '垃圾分类速查,国家环保局提供数据支持!',      path: `/pages/index/index`,      imageUrl: '../../image/shareimg.png'    }  }})

哈哈,这就是判断逻辑,简单吧