sencha touch权威指南---学习记录2

最新推荐文章于 2019-11-01 11:18:30 发布

Kila_

最新推荐文章于 2019-11-01 11:18:30 发布

阅读量447

点赞数

本文链接：https://blog.csdn.net/xihuandaxiaojie/article/details/38542009

版权

webapp 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

sencha touch

6 篇文章 0 订阅

订阅专栏

<!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-all.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>

Kila_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sencha touch权威指南---学习记录2

--> --> --> .colorBlue { color: blue; background-color: green; } Ext.application({ name: 'App'
复制链接

扫一扫

专栏目录