微信小程序仿ofo共享单车demo完整源码

// pages/warn/index.js Page({ /** * 页面的初始数据 */ data: { inputValue:{ num: 0, desc: "" }, actionText: "拍摄/相册", picUrls: [], checkboxValues: [], itemsValue: [{ value: "私锁私用", checked: false, color: "#b9dd08" }, { value: "车牌缺损", checked: false, color: "#b9dd08" }, { value: "轮胎坏了", checked: false, color: "#b9dd08" }, { value: "车锁坏了", checked: false, color: "#b9dd08" }, { value: "违规乱停", checked: false, color: "#b9dd08" }, { value: "密码不对", checked: false, color: "#b9dd08" }, { value: "刹车坏了", checked: false, color: "#b9dd08" }, { value: "其他故障", checked: false, color: "#b9dd08" }], btnColor: "#f2f2f2" }, checkboxChange: function(e) { var _value = e.detail.value; if(_value.length == 0) { this.setData({ checkboxValues : [], btnColor : "#f2f2f2" }) }else{ this.setData({ checkboxValues : _value, btnColor : "#b9dd08" }) } }, clickPhoto: function() { wx.chooseImage({ success: (res) => { console.log(res); var _picUrls = this.data.picUrls; var tfs = res.tempFilePaths; for(let temp of tfs) { _picUrls.push(temp); } this.setData({ picUrls : _picUrls, actionText: "+" }) }, }) }, delPhoto: function(e) { console.log(e); let index = e.target.dataset.index; let _picUrls = this.data.picUrls; _picUrls.splice(index,1); this.setData({ picUrls: _picUrls }) if(_picUrls.length == 0) { this.setData({ actionText: "拍摄/相册" }) } }, changeNum: function(e) { this.setData({ inputValue:{ num: e.detail.value, desc: this.data.inputValue.desc } }) }, changeDesc: function(e) { this.setData({ inputValue:{ num: this.data.inputValue.num, desc: e.detail.value } }) }, submit: function() { if(this.data.checkboxValues.length > 0 && this.data.picUrls.length > 0) { wx.request({ url: 'https://www.easy-mock.com/mock/5963172d9adc231f357c8ab1/ofo/submitSuccess', success: (res) => { wx.showToast({ title: '提交成功', icon: 'success' }) setTimeout(()=>{ wx.redirectTo({ url: '../index/index', }) },1000) } }) }else { wx.showModal({ title: '请填写完整的反馈信息', content: '你瞅啥？赶紧填', confirmText: '填、我填', cancelText: '老子不填', success: (res) => { if(res.confirm) { console.log(res); }else { wx.navigateBack({ delta: 1 }) } } }) } }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })