微信小程序中PHP开发的线性切换布局实现方法

<scroll-view class="list" scroll-x="true">
    <!-- 循环渲染数据 -->
</scroll-view>

$data = array(
    array('title'=>'标题1', 'desc'=>'描述1'),
    array('title'=>'标题2', 'desc'=>'描述2'),
    // ...
);
echo json_encode($data);

wx.request({
    url: 'http://example.com/getData.php',
    success: function(res) {
        var data = res.data;
        var html = '';
        for (var i=0; i<data.length; i++) {
            html += '<view class="item">';
            html += '<view class="title">' + data[i].title + '</view>';
            html += '<view class="desc">' + data[i].desc + '</view>';
            html += '</view>';
        }
        // 将组装好的html渲染到scroll-view组件中
        $('.list').html(html);
    }
});

data: {
    scrollLeft: 0
},
onReady: function() {
    var that = this;
    setInterval(function() {
        var scrollLeft = that.data.scrollLeft + 300;
        that.setData({
            scrollLeft: scrollLeft
        });
    }, 3000);
}