Sencha touch sencha touch中组件之间的虚拟空间

我试图在组件之间留出空间这里是屏幕截图，我想在

标签

、

文本字段

和

按钮

之间留出垂直空间，但我找不到办法

这是我的密码

Ext.define('test.view.Main', {
    extend: 'Ext.Panel',
    xtype: 'main',
    requires: [
        'Ext.TitleBar', 
        'Ext.Label'
    ],
    config: {
      items: [


               {
                docked: 'top',
                title: 'Test',
                ui: 'dark',
                xtype: 'titlebar'
            },

             {

                xtype:'panel',
                style:'padding:10%',
                    items:[ {
                            xtype: 'label',
                            html: 'User Name/Mobile Number',

                        },

                        {
                            xtype: 'textfield',
                        },{
                                xtype: 'label',
                                html: 'Password'
                        },{
                         xtype: 'textfield',
                        },{
                            xtype:'button',
                            text:'Login'
                        }]


            }
            ]
    }
});

---

使用

margin

属性获取字段之间的空格：

{
    xtype:'panel',
    defaults: {
        margin: '20 0'
    },
    items: [
        {
            xtype: 'label',
            html: 'User Name/Mobile Number'
        },
         ....