分类入口，已经成为了商城项目必须的布局之一，这里以仿照淘宝的分类入口来做案例 下图红框部分，就是本文重点讲解部分，另外本文并没有写点击某个入口@R_548_404@面。 如需学习页面跳转的同学，可以参考此文 微信小程序的页面跳转和参数传递 —— 微信小程序教程系列（6）
页面分析：
使用for循环遍历所有项，插入页面，页面中的项使用左浮动，并使用百分比布局，设置20%的宽度每一项。 这样满5个item后，自动排在下一行
wxml：
wxss：
.menu-list{
float:left;
width:20%;
Box-sizing: border-Box;
padding-bottom:10px;
}
float:left;
width:20%;
Box-sizing: border-Box;
padding-bottom:10px;
}
.menu-img{
width:120rpx;
height:84rpx;
display:block;
margin:0 auto;
margin-bottom:5px;
}
.menu-desc{
background-color:#ffffff;
color:#333333;
width:100%;
text-align: center;
display:block;
font-size:12px;
}
.gap-1,.gap-2{
width:100%;
height:10rpx;
background:rgb(238,238,238);
}
js：
这里的准备的数据，我直接写在js中，同学们可以改编成通过访问接口来获取
分类'
]
}
}
原文链接：https://www.f2er.com/weapp/39921.html})
