根据上面的布局分析，我们会产生基础的框架，代码示例如下：

根据效果图分析出框架的层级后，在每个层级的view加上样式，编码实现即可。
 第1层：定义产品链接 navigator，无需样式。
 第2层：定义flex模式，默认从左到右排列。
 第3层：图片样式，多行文字的总体排列样式(参考上面的代码和注释)。

.wxml文件代码示例如下：

.wxss文件样式代码示例如下：

小程序商城配备了javaweb、php、asp、net几个版本的后台、其他版本陆续制作中
【微信小程序参考资料】

（1）微信小程序学习路线 http://www.hzyaoyi.cn/

（2）Java微信小程序商城系统指导 https://ke.qq.com/course/3066521

（3）PHP微信小程序商城系统指导 https://ke.qq.com/course/3066518