小程序开发实例技巧（二）横向滑动切换列表效果

 

 

在项目开发中，我们经常会对数据进行分组并且循环加载，像今日头条app首页那样，今天动手写了个类似的demo，效果图如下：

 

 

 

 

主要涉及到：

scroll-view可滚动视图区域组件，swiper滑块视图容器，以及for循环列表数据。

第一步：打开微信开发者工具，新建一个小程序项目，或者直接在已有的小程序项目里新建一个test文件夹，文件夹目录如下：

 

 

 

test.wxml代码