sencha-touch - sencha touch现代开发者移动端，textfield显示异常

Question

开发移动端登陆界面，运行时发现文本输入框显示异常。如果把代码放在toolbar里显示没问题，房子啊formPanel显示怪怪的，效果如下 在这里输入图片描述

我的代码：</p>

Ext.define('GasApp.view.main.login.Login',{
    extend : 'Ext.form.Panel',
    xtype : 'loginView',
    requires: [
        'Ext.field.Password',
        'Ext.Button',
        'Ext.field.Toggle',
        'Ext.layout.HBox',
        'Ext.Toast',
        'GasApp.view.main.login.Controller'
    ],
    alternateClassName: 'loginView',
    controller : 'loginCtrl',
    listeners: {
        initialize: 'onLoginInitialize'
    },
    config:{
        padding: '40 30 0 30',
        items: [{
            xtype: 'textfield',
            name: 'account',
            ui : 'text_',
            label: '账号',
            clearIcon:true,
            required: true
        },{
            xtype: 'passwordfield',
            name: 'password',
            label: '密码',
            required: true
        },{
            items: [{
                xtype: 'togglefield',
                name: 'persist',
                label: '记住我',
                labelTextAlign: 'right',
                labelAlign: 'left',
                value: true
            }]
        },{
            xtype: 'button',
            width: '100%',
            text: '登   陆',
            ui: 'action',
            listeners: {
                tap: 'onLoginClick'
            }
        }]
    }
});