前些日子，由于公司项目所需，需要用到微信小程序开发，学习之余，模仿者美团小程序界面，花了一下午时间，照这轮子造了个首页出来，此Demo加深了我对flex布局的认识，新手也可以拿来参考参考，大神级别的就略过吧。
我发现，当你熟悉了flex布局后，写什么样式都是信手拈来，不过就是一些模块的堆积，但是此项目没有将模块组件化，以致后期代码复用性差以及按需加载，后期有时间会改进。
项目知识点涉及到：
flex页面布局
上拉刷新、下拉加载
tab的使用
以下是截图：
meituan1.png
meituan2.png
meituan3.png
meituan4.png
meituan5.png
代码下载：
1、码云：https://gitee.com/aganha/WeiXinApp_MeiTuanDemo
2、github：https://github.com/AganYa/WeiXinApp_MeiTuanDemo
前些日子，由于公司项目所需，需要用到微信小程序开发，学习之余，模仿者美团小程序界面，花了一下午时间，照这轮子造了个...
微信小程序Demo：模仿—网易云音乐 微信小程序Demo：心音乐 （仿QQ音乐） 微信小程序Demo：仿 Appl...
一、代码示例 二、如何获取微信小程序的appId（以美团外卖小程序为例） 1.打开美团外卖小程序中某个商家店铺的页...
微信小程序（仿美团外卖） 初识小程序，为它的小巧玲珑所吸引，不由得心血来潮。这不正是用户所需要的吗？既方便快捷，又...
据报道，近日，美团官方微信小程序已上线“好货拼团”板块。微信用户在首页点击“附近拼团”，即可跳转至单独的“美团拼团...
2017.01.09 - 计划 微信小程序尝试实现图形报表 熟悉小程序的几个地图API. 微信小程序仿365外勤-...
新手向！微信小程序开发手记系列： 微信小程序开发手记《一》：项目的代码结构微信小程序开发手记《二》：属性displ...
新手向！微信小程序把玩系列： 微信小程序把玩《一》：window配置，tabBar底部导航，应用生命周期 微信小程...
微信小程序介绍 1、本课程的特色 2、什么是微信小程序。 3、小程序的特点。也不是所有程序都适合微信小程序。 4、...
分享下2017年最新的几个微信小程序demo** 微信小程序仿哔哩哔哩视频站demo完整源码2. 微信小程序消费计...
本文标题：（仿）美团微信小程序(适合新手)
本文链接：https://www.haomeiwen.com/subject/jgqeqftx.html
网友评论