Sencha touch 向sencha touch转盘添加3张以上卡时出现问题

我正在iPhone应用程序中使用Sencha Touch。当我最多使用三张卡时，我的旋转木马工作正常。但只要我使用四张卡，就会出现一个错误：

第一张卡和第四张卡重叠*直到我滑到第二张卡。再次滑回第一张牌后，第四张牌消失了

（重叠=显示第1张和第4张卡的内容。第4张卡位于前景）

这是怎么回事？我不明白。还有其他人遇到过这种错误吗？这是一个真正的错误还是我的代码中的错误

这是我的js：

Ext.setup({
    onReady: function() {
        // Create a Carousel of Items
        var carousel = new Ext.Carousel({
            defaults: {
                cls: 'card'
            },
            items: [{
                cls: 'tab1',
                html: 'Tab 1'
            },
            {
                cls: 'tab2',
                html: 'Tab 2'
            },
            {
                cls: 'tab3',
                html: 'Tab 3'
            },
            {
                cls: 'tab4',
                html: 'Tab 4'
            }]
        });


        new Ext.Panel({
            fullscreen: true,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            defaults: {
                flex: 1
            },
            items: [carousel]
        });
    }
});

---

编辑：如果你能得到一个带有4个以上标签的旋转木马，你就已经证明我做错了什么。

这里有几种可能性：

vbox的使用可能会混淆它（尽管这不太可能）。考虑切换面板配置，只需说：

new Ext.Panel({
    layout: 'fit',
    items: carousel
});

这可能与我们在1.x中看到的一个类似且稍微模糊的问题有关。试试这个：

• 打开resources/scss/application.scss并将第23行（@include sencha carousel；）向下移动4行，使其刚好在sencha布局行之后结束
• 运行compass compile重新编译SASS

---

如果问题与我前一段时间看到的问题相同（不保证是这样），这将解决问题

谢谢您的回复，我将尝试1）。我不明白2），什么是application.scss？我不使用那个文件。。。也许我的css版本已经过时了或者什么的？你是对的，这是Sencha的css的问题。感谢上帝，更新到最新版本对我来说已经很有效了。