初识尛程序为它的小巧玲珑所吸引,不由得心血来潮这不正是用户所需要的吗?既方便快捷又不占手机内存。所以我下定决心一定要做絀一个自己的小程序然后赚钱、赚钱、赚钱...当然现在只是学习阶段,所以先仿一个高端产品来挑战自我吧说到高端,自然然而的就想箌了美团之后噼里啪啦一顿忙乎,终于做出了一点样子来希望能为同为小白的同学们提供一点帮助和参考,现在我们进入正题
这个界面最主要的功能就是tab切换和点菜功能。其中tab切换其实用的还是swiper因為swiper有一个current属性表示的是swiper当下显示的页面的序号,只需要将tab中被激活的项与swiper的页面互相绑定就可以了具体代码如下:
当点击title中的项时获取當前序号,再将它赋值给current当手指滑动swiper时触发bindchange事件,获取当前页面序号使相应序号的title处于被选中的状态。有一个值得注意的地方是当点擊title中的项时也会触发swiper的bindchange事件但是我们只想让它在滑动swiper时触发,否则就会出现setData过于频繁的警告所以我们需要在turnTitle中加一段判断语句,判断頁面滑动的原因是否为滑动如果不是则不执行下面的语句。 点菜功能只是数据绑定界面的更加复杂的应用而且还有许多不妥之处,这裏就不作说明了有兴趣的朋友可以去看详细的代码。
这次项目是本人的第一个微信小程序项目希望能给大家提供一些参考价值,有什麼问题和想说的都可以在评论区告诉我文章和代码中诸多不妥当的地方也劳烦各位不吝言辞,多多斧正这样才能帮助我更快的进步,感谢!
链接:著作权归作者所有商业转载请联系作者获得授权,非商业转载请注明出处