自定义头部的实现
思路:
1.样式布局
城市定位和搜索框与胶囊对齐,使用wx.getMenuButtonBoundingClientRect()获取到胶囊的位置信息,通过行内样式使之与胶囊对齐,在不同机型上进行适配.定位使用wx自带的 wx.getLocation结合高德地图调通接口,获取相关位置信息.
搜索页的跳转和搜索记录的展示
通过点击事件,结合wx.navigateTo进行跳转,通过本地存储的调用进行历史记录的展示
壳牌加油站
通过数据渲染,给每个按钮加上了跳转的网址,结合 wx.switchTab进行跳转,跳转的样式懒得写了