Question

我在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个以上标签的工作轮播，你就会证明我做错了。

Answer 1

这里有几种可能性：

使用vbox可能会让人感到困惑（尽管这不太可能）。考虑将面板配置切换为：
```
new Ext.Panel({
    layout: 'fit',
    items: carousel
});
```
这可能与我们在1.x中看到的类似且略显模糊的问题有关。试试这个：
- 打开资源/ scss / application.scss并将第23行（@include sencha-carousel;）向下移动4行，使其在sencha-layout行之后结束
- 运行指南针编译以重新编译您的SASS

如果这是我回来时看到的相同问题（不保证是这样），这将解决它

向sencha-touch carousel添加3张以上的卡时出现问题

1 个答案: