电商类-仿美团页面demo

最近学的东西比较杂了点，就想说再好好练练基础的一些东西，于是就写了个美团页面的静态demo，里面主要还是用到了html+css+原生js+dom。重点还是在于页面的布局，我没有将网站的全部页面写出来，只是写了几个重要的布局，里面图片是截的网站上的，因为没有psd文件所以不能切图，所以肯定不很精确，不过我重点是在于网站的布局方面，所以小细节忽略还是有些小粗糙。下面的图就是我仿的界面：



此外除了静态页面，我还用原生js实现了一些小特效，比如导航栏的切换效果：



比如图片的切换效果（2秒切换一张）：









相关的代码我之后会上传到我的github，算是一次小练习吧。