微信小程序商城项目之淘宝分类入口（2）

分类入口，已经成为了商城项目必须的布局之一，这里以仿照淘宝的分类入口来做案例 下图红框部分，就是本文重点讲解部分，另外本文并没有写点击某个入口跳转页面。 如需学习页面跳转的同学，可以参考此文 微信小程序的页面跳转和参数传递 —— 微信小程序教程系列（6）

页面分析：

使用for循环遍历所有项，插入页面，页面中的项使用左浮动，并使用百分比布局，设置20%的宽度每一项。 这样满5个item后，自动排在下一行

wxml：

wxss：

js：

这里的准备的数据，我直接写在js中，同学们可以改编成通过访问接口来获取

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!