根据上面的布局分析，我们会产生基础的框架，代码示例如下：
根据效果图分析出框架的层级后，在每个层级的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