const fetch = require('../../utils/fetch.js')
Page({
data: {
activeIndex: 0,
toView: "a0",
cartList: [],
currentType: 0,
currentIndex: 0,
sumMonney: 0, // 总价钱
cupNumber: 0, // 购物车里商品的总数量
showCart: false, // 是否展开购物车
loading: false,
containerH: '',
heightArr: [] // 数组:查找到的所有单元的内容高度
},
onLoad: function(options) {
// 显示模态对话框
wx.showLoading({
title: "努力加载中"
})
// 请求数据
fetch('food/list.json').then((res) => {
wx.hideLoading();
this.setData({
listData: res.data,
loading: true
})
})
},
// 点击左侧菜单项选择
selectMenu: function(e) {
let index = e.currentTarget.dataset.index
console.log(index)
this.setData({
activeIndex: index,
toView: "a" + index,
})
},
// 加入购物车
addToCart: function(e) {
console.log(e)
var type = e.currentTarget.dataset.type;
var index = e.currentTarget.dataset.index;
this.setData({
currentType: type,
currentIndex: index,
});
var a = this.data
// 声明数组addItem
var addItem = {
"name": a.listData[a.currentType].foods[a.currentIndex].name,
"price": a.listData[a.currentType].foods[a.currentIndex].specfoods[0].price,
"number": 1,
"sum": a.listData[a.currentType].foods[a.currentIndex].specfoods[0].price,
}
var sumMonney = a.sumMonney + a.listData[a.currentType].foods[a.currentIndex].specfoods[0].price;
// 把新数组(addItem) push到 原数组cartList
var cartList = this.data.cartList;
cartList.push(addItem);
this.setData({
cartList: cartList,
showModalStatus: false,
sumMonney: sumMonney,
cupNumber: a.cupNumber + 1
});
},
// 展开购物车
showCartList: function() {
if (this.data.cartList.length != 0) {
this.setData({
showCart: !this.data.showCart,
});
}
},
// 购物车添加商品数量
addNumber: function(e) {
var index = e.currentTarget.dataset.index;
var cartList = this.data.cartList;
cartList[index].number++;
var sum = this.data.sumMonney + cartList[index].price;
cartList[index].sum += cartList[index].price;
this.setData({
cartList: cartList,
sumMonney: sum,
cupNumber: this.data.cupNumber + 1
})
},
// 购物车减少商品数量
decNumber: function(e) {
var index = e.currentTarget.dataset.index;
var cartList = this.data.cartList;
var sum = this.data.sumMonney - cartList[index].price;
cartList[index].sum -= cartList[index].price;
cartList[index].number == 1 ? cartList.splice(index, 1) : cartList[index].number--;
this.setData({
cartList: cartList,
sumMonney: sum,
showCart: cartList.length == 0 ? false : true,
cupNumber: this.data.cupNumber - 1
});
},
// 清空购物车
clearCartList: function() {
this.setData({
cartList: [],
showCart: false,
sumMonney: 0,
cupNumber: 0
});
},
// 点击"选好了",缓存购物车的值
goBalance: function(e) {
if (this.data.sumMonney == 0) {
return
}
// 请求接口返回参数{error: 0(错误代码), order_id: 1}}
var order_id = this.data.order_id
var method = "POST"
fetch("food/order", {id: 1,num: 1}, method).then(function(res) {
if (res.data.error !== 0) {
wx.showModal({
title: '下单失败',
content: '操作失败请重试',
})
return
}
// 请求成功后跳转到订单确认页面,把返回的order_id订单编号传过去
wx.navigateTo({
url: '../order/balance/balance?order_id=' + res.data.order_id
})
})
}
})
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
微信本系列校训 用免费公开视频,卷飞培训班哈人!打死不报班,赚钱靠狠干! 只要自己有电脑,前后项目都能搞!N年苦学无人问,一朝成名天下知! 学习资源的选择 详细解析黑马微信小程序视频--【思维导图知识范围】 https://blog.csdn.net/dearmite/article/details/131849296 总目录链接 黑马B站视频JAVA部分的知识与学习-【思维导图知识范围】 https://blog.csdn.net/dearmite/article/details/131799642
资源推荐
资源详情
资源评论
收起资源包目录
小程序轮播图的两种后台方式(jsp)-小程序.rar (90个子文件)
小程序
sitemap.json 191B
project.private.config.json 355B
pages
record
record.wxss 1KB
record.wxml 533B
record.js 494B
record.json 2B
index
index.wxml 1KB
index.js 855B
index.json 2B
index.wxss 910B
order
detail
detail.js 763B
detail.wxml 82B
list
list.js 759B
list.wxml 74B
balance
balance.js 765B
balance.wxml 86B
list
list.json 2B
list.wxss 4KB
list.js 4KB
list.wxml 4KB
app.json 1KB
project.config.json 1KB
app.js 119B
utils
fetch.js 527B
util.js 489B
common.wxss 967B
app.wxss 832B
style
iconfont.wxss 4KB
images
039.png 5KB
29.png 5KB
009.png 5KB
011.png 5KB
025.png 5KB
035.png 5KB
056.png 5KB
006.png 5KB
003.png 5KB
042.png 5KB
033.png 5KB
001.png 5KB
053.png 5KB
034.png 5KB
045.png 5KB
043.png 5KB
010.png 5KB
user_s.png 736B
banner_1.png 117KB
008.png 5KB
021.png 5KB
004.png 5KB
054.png 4KB
bottom_2.png 15KB
home.png 1KB
020.png 5KB
041.png 5KB
038.png 5KB
036.png 4KB
005.png 5KB
007.png 5KB
019.png 5KB
bottom_1.png 9KB
027.png 5KB
022.png 5KB
028].png 5KB
016.png 5KB
user.png 1KB
013.png 5KB
banner_3.png 114KB
image_ad.png 53KB
055.png 5KB
order.png 2KB
she.jpg 134KB
024.png 5KB
017.png 5KB
031.png 5KB
order_s.png 2KB
044.png 5KB
018.png 4KB
015.png 5KB
030.png 5KB
home_s.png 971B
bottom_3.png 10KB
023.png 5KB
012.png 5KB
002.png 5KB
026.png 5KB
banner_2.png 98KB
040.png 5KB
014.png 5KB
037.png 5KB
共 90 条
- 1
资源评论
项目花园范德彪
- 粉丝: 5680
- 资源: 219
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab实现字符识别的参考程序,用所用的字体识别率挺高,部分手写的也能识别,但是还不能识别扭曲和倾斜的字符 .rar
- 基于matlab实现指纹识别系统 包括数据库导入、图像选择识别、帮助功能、识别图像可视、gabor滤波可视,实现界面操作.rar
- 基于matlab实现指纹识别,利用gabor滤波器,提取指纹特征,只能呢读取bmp图像.rar
- 基于matlab实现于数字图像相关方法中散斑质量评价
- 基于matlab实现遗传算法和佳点集遗传算法的基本思想和不同点,用遗传算法测试一标准函数 佳点集算法测试一标准函数
- tensorflow-gpu-2.5.1-cp38-cp38-manylinux2010-x86-64.whl
- tensorflow-gpu-2.5.0-cp39-cp39-manylinux2010-x86-64.whl
- tensorflow-gpu-2.5.2-cp39-cp39-manylinux2010-x86-64.whl
- 内含方正小标宋简体、仿宋-Gb2312、黑体、楷体、宋体,五个公文常用字体
- 记忆卡牌游戏源码及可运行文件
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功