在iPad Safari中显示底部标签栏

时间:2011-06-30 14:40:21

标签: javascript ipad safari mobile-safari sencha-touch

是否可以在网页底部显示一个标签栏,该标签栏看起来类似于原生应用(如按钮样式)

类似于http://www.sencha.com/files/blog/old/assets/images/emails/newsletter/20101207-demo1.png

的内容

使用Sencha touch或任何其他库也可以完成相同的操作吗?

1 个答案:

答案 0 :(得分:1)

不确定

您创建一个Ext.TabPanel并将tabBar属性设置为停靠底部。

这样的事情:

app.views.Viewport = Ext.extend(Ext.TabPanel, {
    tabBar: {
        dock: 'bottom',
        ui: 'dark',
        layout: {
            pack: 'center'
        },
    },
    items: [{
        title: 'item1',
        iconCls: 'someicon'
    }, {
        title: 'item2',
        iconCls: 'someicon'
    }, {
        title: 'item3',
        iconCls: 'someicon'
    }],
   //more config
});