201711671116 实训学习日志九

（一）主要内容

微信小程序电商项目业务功能实现

1、完善外卖平台功能，例如综合排序、订单处理等。

2、使综合排序一栏上拉后固定在顶部搜索栏下面，让综合排序一直显示在页面上方。

3、把首页的列表做出来，实现横向滚动。

 

（二）创建过程

实现微信小程序电商项目页面外观和业务功能，参考美团外卖平台制作一个外卖小程序。其中要求搜索栏在页面上下滚动时始终固定在顶部，顶部固定的方法如下：

<view style="position:fixed;top:0;">
......
</view>

 

首页界面如下：

上下滑动查看店铺列表，搜索栏始终在页面上方：

 

如图是订单页面，没有购买物品时界面效果如下： 

 

下图是个人主页，有用户头像、昵称等：