商务服务
微信小程序-在线点餐小程序项目源码-原生开发框架-含效果截图示例.zip
2024-12-13 08:11
// 获取到小程序实例

微信小程序-在线点餐小程序项目源码-原生开发框架-含效果截图示例.zip

var app = getApp(); Page({ data: { shop:{ name:'味觉牛庄', desc:'凡在本店办理会员,一律享受8.8折优惠' }, goods: { 1: { id: 1, name: '果盘3', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1014, price: 120 }, 2: { id: 2, name: '龙舌兰', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1029, price: 100 }, 3: { id: 3, name: '方便面', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1030, price: 5 }, 4: { id: 4, name: '粉丝', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1059, price: 5 }, 5: { id: 5, name: '果盘1', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1029, price: 130 }, 6: { id: 6, name: '果盘2', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 1064, price: 150 }, 7: { id: 7, name: '锐澳', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 814, price: 200 }, 8: { id: 8, name: '尊尼获加', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 124, price: 220 }, 9: { id: 9, name: '芝士华', pic: 'http://img1.gtimg.com/health/pics/hv1/138/79/2068/134491983.jpg', sold: 102, price: 300 } }, goodsList: [ { id: 'hot', classifyName: '热销', goods: [1, 2, 3, 4, 5] }, { id: 'new', classifyName: '小吃', goods: [1, 3] }, { id: 'vegetable', classifyName: '果盘', goods: [1, 6, 5] }, { id: 'mushroom', classifyName: '鸡尾酒', goods: [1, 7, 8, 9] }, { id: 'food', classifyName: '主食', goods: [3, 4] } ], cart: { count: 0, total: 0, list: {} }, cartList:{}, showCartDetail: false }, // 生命周期函数--监听页面加载 // 一个页面只会调用一次。 onLoad: function (options) { var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo: userInfo }); that.update(); console.log(userInfo) }); }, // 生命周期函数--监听页面初次渲染完成 onReady: function(){}, // 生命周期函数--监听页面显示 // 每次打开页面都会调用一次 onShow: function () { this.setData({ classifySeleted: this.data.goodsList[0].id }); }, // 生命周期函数--监听页面隐藏 // 当navigateTo或底部tab切换时调用 onHide: function(){}, // 生命周期函数--监听页面卸载 // 当redirectTo或navigateBack的时候调用。 onUnload:function(){}, // 页面相关事件处理函数--监听用户下拉动作 onPullDownRefresh:function(){}, // 页面上拉触底事件的处理函数 onReachBottom:function(){}, // 开发者可以添加任意的函数或数据到 // object 参数中,在页面的函数中用 this 可以访问 checkOrderSame: function(name){ var list = this.data.goods; for(var index in list){ if(list[index].name === name){ return index; } } return false; }, tapAddCart: function (e) { this.addCart(e.target.dataset.id); }, tapReduceCart: function (e) { this.reduceCart(e.target.dataset.id); }, addCart: function (id) { var num = this.data.cart.list[id] || 0; this.data.cart.list[id] = num + 1; this.countCart(); var price = this.data.goods[id].price; var name = this.data.goods[id].name; var img = this.data.goods[id].pic; var list = this.data.cartList; var sortedList = []; var index; if(index = this.checkOrderSame(name)){ sortedList = list[index]; var num = this.data.cart.list[id] || 0; num = num + 1; } else{ var order = { "price" : price, "num" : 1, "name": name, 'img': img, "shopId": this.data.shopId, "shopName": this.data.shop.restaurant_name, "pay": 0, } list.push(order); sortedList = order; } this.setData({ cartList: list, }); console.log(list) }, reduceCart: function (id) { var num = this.data.cart.list[id] || 0; if (num <= 1) { delete this.data.cart.list[id]; } else { this.data.cart.list[id] = num - 1; } this.countCart(); }, countCart: function (index,lists) { var count = 0, total = 0; var goods; for (var id in this.data.cart.list) { goods = this.data.goods[id]; count += this.data.cart.list[id]; total += goods.price * this.data.cart.list[id]; } this.data.cart.count = count; this.data.cart.total = total; this.setData({ cart: this.data.cart }); // 存储订单页所需要的数据 wx.setStorage({ key: 'orderList', data: { count: this.data.cart.count, total: this.data.cart.total, list: this.data.cart.list, } }) }, follow: function () { this.setData({ followed: !this.data.followed }); }, onGoodsScroll: function (e) { if (e.detail.scrollTop > 10 && !this.data.scrollDown) { this.setData({ scrollDown: true }); } else if (e.detail.scrollTop < 10 && this.data.scrollDown) { this.setData({ scrollDown: false }); } var scale = e.detail.scrollWidth / 570, scrollTop = e.detail.scrollTop / scale, h = 0, classifySeleted, len = this.data.goodsList.length; this.data.goodsList.forEach(function (classify, i) { var _h = 70 + classify.goods.length * (46 * 3 + 20 * 2); if (scrollTop >= h - 100 / scale) { classifySeleted = classify.id; } h += _h; }); this.setData({ classifySeleted: classifySeleted }); }, tapClassify: function (e) { var id = e.target.dataset.id; this.setData({ classifyViewed: id }); var self = this; setTimeout(function () { self.setData({ classifySeleted: id }); }, 100); }, showCartDetail: function () { this.setData({ showCartDetail: !this.data.showCartDetail }); }, hideCartDetail: function () { this.setData({ showCartDetail: false }); }, submit: function (e) { var agrs = JSON.stringify(this.data.cart); console.log(agrs) wx.navigateTo({ url: 'https://download.csdn.net/download/order/order?order=' + agrs }) } });    以上就是本篇文章【微信小程序-在线点餐小程序项目源码-原生开发框架-含效果截图示例.zip】的全部内容了,欢迎阅览 ! 文章地址:http://sicmodule.glev.cn/news/12907.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 歌乐夫资讯移动站 http://sicmodule.glev.cn/mobile/ , 查看更多   
最新新闻
惊讶!这7个副业收入竟然这么高
在本文中,我们将探索互联网发展的几个关键方向,并提供具体的参考意见。自互联网诞生以来,前18年主要用于基础设施建设。然而,
李子柒之前为什么消失得那么彻底?到底发生了什么?
最近很多小伙伴反映收不到我们的推送,为了避免错过我们的精彩内容,欢迎大家将我们设置为星标,并多多【点赞、在看、转发】哦!
张志安:算法让人看见更大的世界
进入移动互联网时代后,"素人"一夜爆红的现象似乎已经司空见惯,例如"听劝理发师"、"菏泽树哥"等一个个普通百姓迅速成为"网红大
归来仍是顶流:李子柒的复出之路与非凡成就
在众多网络红人中,李子柒的名字总是熠熠生辉。2024年11月12日,这位因独特田园生活理念而迎来全球喜爱的短视频创作者,通过一系
抖音每日涨粉TOP50数据
2024-11-15抖音涨粉排行榜单出炉。“李子柒” 以 4883.94w 的总粉丝数和 2.59% 的涨粉率,新增粉丝量达到 123.24w,荣登涨粉排行
李子柒未来计划曝光,回归即顶流的她会去带货吗?
科技旋涡编辑|孙浩南李子柒,归来仍是顶流闭关修炼,解决纠纷,李子柒更胜从前?归来后的李子柒,能继续火下去吗?不过,也有观点
云南省着力打造“中国牛都”:肉牛产业犇起来
耿马县新大康牧业有限公司牧场。  优势  云南有饲草保留面积985万亩 通过国家畜禽资源审定的云南地方黄牛品种有6个 已获批的
2025是火年还是木年?是木年!
转眼就到2025年。2025是火年还是木年?不同年份出生的生肖人五行不同,性格和运势也存在着天壤之别。2025年是乙巳年。乙的五行属
2024年,创业机会在哪里?
最近这几年特别的难,可以说疫情作为一道分界线,疫情前大伙接着奏乐接着舞,一片欣欣向荣的景象。疫情大家憋了3年,但是对未来
李子柒重返“顶流”,再证“内容为王”不变法则
  11月12日下午,停更了三年的田园生活博主李子柒在毫无预告的情况下,相继在短视频平台更新了《雕漆隐花,雕出紫气东来》和《