1、创建一个uni-app项目 名为uniAppDemo，在该项目下的Index.vue文件中，使用view创建一个模块,如图所示
2、以上view组件的style样式如下图所示 使用的是flex布局。需要了解的是flex布局中有几个属性值需要清楚
3、flex-direction （属性决定主轴的方向）
flex-wrap (默认情况下,都排在一条线（又称”轴线”）上)
flex-flow (flex-direction和flex-wrap的缩写)
justify-content (对接方式)
align-items (属性定义项目在交叉轴上如何对齐)
align-content(属性定义了多根轴线的对齐方式)
4、然后查看运行结果
1、之后对代码进行一个优化,把数据放在export default方法下的data中，创建一个数组来存放商品列表中的信息，并在view组件中使用v-for循环获取数据再展现到客户端上
2、在view组件使用v-for循环获取data中的数据
