描述
vbox:这种布局允许元素以垂直方式分布,这是常用的布局之一。
语法
以下是使用vbox布局的简单语法。
layout: 'vbox'
例
以下是显示vBox布局用法的简单示例。
<!DOCTYPE html> <html> <head> <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" /> <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script> <script type = "text/javascript"> Ext.application({ name: 'Sencha', launch: function() { Ext.create('Ext.Container', { fullscreen: true, layout: 'vbox', items: [ { xtype: 'panel', html: 'message list', flex: 1 }, { xtype: 'panel', html: 'message preview', flex: 2 } ] }); } }); </script> </head> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/senchatouch/1604.html