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

  • b3_375647
    了解作者
  • 48.1KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-09 04:02
    上传日期
微信小程序仿ofo共享单车demo完整源码微信小程序仿ofo共享单车demo完整源码
x320.zip
  • ofo-master
  • pages
  • scanResult
  • index.wxss
    461B
  • index.json
    2B
  • index.wxml
    470B
  • index.js
    1.3KB
  • wallet
  • index.wxss
    852B
  • index.json
    2B
  • index.wxml
    784B
  • index.js
    1.1KB
  • index
  • index.wxss
    113B
  • index.json
    2B
  • index.wxml
    217B
  • index.js
    4KB
  • charge
  • index.wxss
    479B
  • index.json
    2B
  • index.wxml
    271B
  • index.js
    1.7KB
  • warn
  • index.wxss
    1.5KB
  • index.json
    2B
  • index.wxml
    1.2KB
  • index.js
    4.2KB
  • my
  • index.wxss
    688B
  • index.json
    2B
  • index.wxml
    595B
  • index.js
    2.7KB
  • billing
  • index.wxss
    424B
  • index.json
    2B
  • index.wxml
    534B
  • index.js
    1.9KB
  • .wxss
    17B
  • .wxml
    44B
  • .json
    2B
  • .js
    850B
  • images
  • markers.png
    4.5KB
  • location.png
    2.9KB
  • marker.png
    3KB
  • avatar.png
    9.8KB
  • use.png
    9.5KB
  • warn.png
    2.5KB
  • app.js
    0B
  • app.json
    474B
  • app.wxss
    0B
内容介绍
// 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 () { } })
评论
    相关推荐