201711671116 实训学习日志八

（一）主要内容

微信小程序电商项目页面外观实现

1、以美团外卖为参考，做出美团外卖平台的首页界面。

2、设置地点定位显示和搜索栏。搜索栏点进去之后能输入文字，并且搜索界面会显示最近搜索记录、热门店铺。

3、在外卖平台中添加商家。

（二）创建过程

在app.json写入如下代码，建立页面

"pages": [
    "pages/index/index",
    "pages/user/user",
    "pages/shop/shop",
    "pages/order/order"
  ]

 

配置标题栏的样式

"window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "white",
    "navigationBarTitleText": "美团外卖",
    "navigationBarTextStyle": "black"
  }