第八天学习日志

制作小程序的页面设计

一、首页页面

1.先定义首页页面、订单页面和我的页面

2.制作固定的顶部搜索框，用到了scroll-view可滚动视图区域组件中的bindscroll属性，在竖向滚动时触发事件使搜索框固定在顶部

3.要定义滚动监听事件，然后利用高度并给搜索框一个条件，当往下滑动页面的时候搜索框就会固定在顶部，然后给搜索框绑定点击事件

4.当点击搜索框的时候要通过wx.navigateTo方法跳转到搜索页面去

5.wx.navigateTo(Object object)：保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar 页面，使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层，其属性有：
（1）url：需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔

（2）success：接口调用成功的回调函数

（3）fail：接口调用失败的回调函数

（4）complete：接口调用结束的回调函数（调用成功、失败都会执行）

6.搜索框下面是列表，列表可以用轮播图或横向滚动实现

二、搜索页面

1.头部有搜索框，搜索框旁边加上搜索按钮

2.下面加上热门搜索和历史记录，热门搜索里面的记录用flex布局排放，让它们自动换行并且右下角和底部有距离