sencha-touch - 煎茶タッチのコンポーネント間のバーチクル スペース

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'
        },
         ....