** tab.Panel
//<debug> Ext.Loader.setPath({ 'Ext': '../src' }); //</debug> /** * This is a simple demo of the TabPanel component in Sencha Touch. * * This is similar to the other tabs example, only the tabbar is docked to the bottom. */ Ext.application({ name: 'Sencha', launch: function(){ Ext.create("Ext.tab.Panel",{ fullscreen:true, tabBarPosition:'bottom', items:[ { title: 'Home', iconCls: 'home', html:[ '<img src="http://staging.sencha.com/img/sencha.png" />', '<h1>Welcome to Sencha Touch</h1>', "<p>You're creating the Getting Started app. This demonstrates how ", "to use tabs, lists, and forms to create a simple app</p>", '<h2>Sencha Touch</h2>' ].join("") }, { title: 'Tab2', iconCls: 'home', html:[ 'Tab2' ].join("") }, { title: 'Tab3', iconCls: 'home', html:[ 'Tab3' ].join("") } ] }); } });
登陆 https://build.phonegap.com/apps/ 上传压缩包并生成app