感官触觉中组分间的病毒间隙

Question

我试图在组件之间提供空间，这是屏幕截图，我想在lables、TextFields和button之间提供垂直空间，但我找不到一个方法。

​

​

这是我的密码

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'
                        }]


            }
            ]
    }
});

Answer 1

使用margin属性获取字段之间的空间：

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