菜品搜索页面,最近搜索和热门搜索。其中最近搜索使用本地缓存localStoage实现,热门搜索调用相关接口
关键词搜索页面,在onshow()函数中使用getLocation()获取地理位置坐标,在complete回调函数内调用getSearchGoods()方法,将搜索的关键词、地理位置的经度纬度以对象形式的参数传进去,获取附近商铺的菜品。在onReachBottom()函数中实现下拉到底部加载新数据。
点餐页面,商家位置组件(使用map组件),两个函数实现菜品的展示,左侧为菜品分类,右侧是菜品展示数据。为了组件后期的可维护性和扩展性,尽量不要在组件内部请求数据,可以在组件请求数据,然后传值到子组件。
关键词搜索页面,在onshow()函数中使用getLocation()获取地理位置坐标,在complete回调函数内调用getSearchGoods()方法,将搜索的关键词、地理位置的经度纬度以对象形式的参数传进去,获取附近商铺的菜品。在onReachBottom()函数中实现下拉到底部加载新数据。
点餐页面,商家位置组件(使用map组件),两个函数实现菜品的展示,左侧为菜品分类,右侧是菜品展示数据。为了组件后期的可维护性和扩展性,尽量不要在组件内部请求数据,可以在组件请求数据,然后传值到子组件。