ele.me

Create the ele.me main pages using Angular.

快速开始

npm install npm run dev 注：无法运行时，执行 npm install -g [email protected] [email protected]

测试

npm run test

完成度说明

• 模仿构建饿了么首页，完成了基本页面结构和样式。
• 菜单功能，完成分类筛选。
• 菜单可配置，商家数据可配置。
• 商家信息的ToolTip显示，动态调整ToolTip显示位置，表现为最右侧条目的ToolTip位置。
• 侧边栏的制作。
• 小功能：搜索功能、加载条显示、点击加载功能、回到顶部功能、页面两级响应式。

学习效果

• 学习了Angular基本知识，使用Angular编写动态页面
• 融合之前所学，使用Angular+ES6实现页面组件化
• 熟悉Css的使用，学习了Css的调试技巧。
• 使用Css3制作进度条和搜索框动画。
• 使用Css3动画代替:hover伪类，实现"移入延迟"功能。
• 熟悉使用flex进行布局。