在 iPad Safari 中显示底部标签栏

发布于 2024-11-18 01:13:57 字数 311 浏览 3 评论 0原文

是否可以在网页底部显示一个选项卡栏,它看起来类似于本机应用程序(如按钮样式)

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

也可以使用 Sencha touch 或任何其他方式完成同样的操作其他图书馆?

Is it possible to show a tab bar at the bottom of a webpage, which looks similar to a native app (like button styled)

Something similar to http://www.sencha.com/files/blog/old/assets/images/emails/newsletter/20101207-demo1.png

Also can the same be done using Sencha touch or any other library ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

岁月打碎记忆 2024-11-25 01:13:57

当然。

您创建一个 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
});

Sure.

You create a Ext.TabPanel and set the tabBar property to dock bottom.

Something like this:

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
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文