sencha Touch常用面板 : 盒布局 水平盒布局

 

 

 

 

 

/*********************3. 常用面板 :  盒布局   水平盒布局**********************************/
 
 var panel3=Ext.create('Ext.Panel',{
  id:'panel3',
  layout:{
   type:'vbox',
   align:'stretch'
  },
  items:[
   {
    flex:1,
    html:'子组件1',
    style:'background-color:#5a937c'
   },{
    flex:2,
    html:'子组件2',
    style:'background-color:#5E89ff'
   },{
    flex:1,
    html:'子组件3',
    style:'background-color:#1E99rf'
    
   }   
  ]