如何在 sencha touch 2 中设计这样的面板

Question

我在 sencha touch 工作了将近一个月，但我找不到在 sencha 中设计如下 UI 的方法。

上面的面板是使用 Jquery mobile 创建的。

如何在 sencha 中创建这样的面板？

煎茶触摸屏不像上面那么漂亮

Answer 1

是的，它只是面板中的一些按钮。他们大概会在下面。您必须编辑 CSS（边框半径、阴影等），但基本设置非常简单：

{
    xtype: 'panel',
    layout:{
        type:'hbox'
    },
    items:[
        {
            xtype:          "button",
            text:           'Register with X',
        },
        {
            xtype:          "button",
            text:           'Use Facebook Account',
        },
        {
            xtype:          "button",
            text:           'Use Twitter Account',
        }
    ]
};