您好,欢迎光临本网站![请登录][注册会员]  
文件名称: wxapp_starbucks-仿星巴克微信小程序.zip
  所属分类: 其它
  开发工具:
  文件大小: 3mb
  下载次数: 0
  上传时间: 2019-09-23
  提 供 者: weixin_********
 详细说明: 清凉一夏 来点一杯星巴克吧! 当我们还在家中吹着空调敲着代码吃着西瓜的时候,可能你的她还在炎炎夏日下大汗淋漓,打开这个小程序,为她点上一杯冰镇的星巴克,后续的故事就不用再说了把,作为还在起跑线上的全栈的学习者,初试微信小程序,花了四天左右的时间初步的完成了这个小程序,这个小程序吸引我的真的就是颜啊(身为颜控的我),有木有觉得很美观,下面我们就一起看下这个demo吧 如果各位看官觉得还行不妨点个赞哦项目源码: GitHub 求小星星鼓励项目工具及文档1.微信web开发者工具:微信小程序官网 一款很好用的小程序编辑软件2.开发文档:微信小程序必备无敌文档 你想要的都在里面页面注册 app.json {"pages":[    "pag es/index/index",     星巴克用星说 主页    "pages/detail/detail",   all 我想对你们说    "pages/giftcard/giftcard", 礼品卡详情页 ], }项目功能已实现的功能scroll-view等基础事件tab切换及其高亮事件添加购物车的显示隐藏功能付款的显示隐藏及其高亮的功能未实现的功能门店列表(显示最近30家门店)功能地图定位功能具体功能预览1.tab切换在tab切换上,做到了大图切换和小图高亮,是不是效果还不错具体效果图:如下 这里底部闪光是因为录屏软件的问题哦_实现代码:如下                                   选择卡面                                                                                                                                                                                             使用点击事件就可以实现这些功能啦,有没有很简单 2.giftcard在点击左边一部分的时候是跳转礼品卡详情3.购物付款功能在点击右边部分的➕和➖就会修改对应的数量了,当然哦,下面的结账也会显示你所购买的数量和总价哦,是不是觉得符合现代化简约美呀这是这个小程序最闪光点也最需要思考的地方啦,仔细一看发现是不是操作后有很多小的变化,也是这小小的变化让整个小程序更美观了这是选择礼品的布局样式             选择礼品             0?green:gifts-box}}">                                          {{item.title}}                           {{item.price}}元                              0}}">                  -                           {{item.num}}                                                                                    这是计算总价代码实现 getTotalPrice(){    let carts = this.data.carts;    let total = 0;    for(let i =0 ;i
(系统自动生成,下载前可以参看下载内容)

下载文件列表

相关说明

  • 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
  • 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度
  • 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
  • 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
  • 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
  • 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.
 相关搜索:
 输入关键字,在本站1000多万海量源码库中尽情搜索: