微信商城小程序（一）

微信商城小程序（一）

1,tabBar，在全局app.json配置

2,轮播图以及数据绑定
2.1 wxml页面结构,接受index.js传值，以及循环绑定，view相当于div，block用于wx:for循环，循环{{imgs}}
{{item}}用于展示数据。只需要swiper以及swiper-item就可以构成轮播图

2.2 js，data相当于view的data

3 我的页面，注意清掉app.wxss里面默认的内边距，这个naviStyle：custom；用于自定义导航，只显示胶囊，
3.1，页面结构

3.2，样式

3.3，整体

4，按钮导航flex布局
4.1 页面结构

4.2 样式，flex布局

5，商品区域
5.1 商品头部

5.2 商品盒子

5.3跳转

6，商品标题描述和价格两部分布局，flex-dtrection为竖向，space-between，价格为justify-content：flex-end

6.1，样式

7，scroll-view，
7.1

7.2

8，三列
8.1

8.2