最近上海垃圾分类有点小火,所以想开发一个垃圾分类的小程序,面是小程序码,欢迎体验,如有有问题,也可以指导一下
小程序的界面放几张图给大家看一下
好了,废话少说,上代码
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' } }})哈哈,这就是判断逻辑,简单吧