<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="sdk-touch/resources/css/sencha-touch.css"/>
<link rel="stylesheet" href="resources/css/app.css"/>
<!--<script src="sdk-touch/sencha-touch.js"></script>-->
<script src="sdk-touch/sencha-touch-all.js"></script>
<!--其它两个（没有的all）的包页面加载很慢-->
<!--<script src="sdk-touch/sencha-touch-all-debug.js"></script>-->
<!--<script src="sdk-touch/sencha-touch-debug.js"></script>-->
<style>
.colorBlue {
color: blue;
background-color: green;
}
</style>
<script>
Ext.application({
name: 'App',
launch: function () {
var panel = Ext.create('Ext.Panel', {
id: 'mypanel',
//cls:'colorBlue',//有效，可以改变字体颜色
fullscreen: true,//没有fullscreen显示不出来
html: 'a sinpel panel'
});
Ext.get('mypanel').addCls('colorBlue');//要放在Ext.viewport.add(panel)方法之前才有效，【“权威指南”把把它放在后面，所以根本没有效果】
//Ext.getCmp('mypanel').addCls('colorBlue');//要放在Ext.viewport.add(panel)方法之前才有效，【“权威指南”把把它放在后面，所以根本没有效果】
//panel.addCls('colorBlue');//要放在Ext.viewport.add(panel)方法之前才有效，【“权威指南”把把它放在后面，所以根本没有效果】
Ext.viewport.add(panel);
}
});
</script>
</head>
<body>
</body>
</html>
