sencha touch 2 更改样式 以更改列表点击时候样式为例

sencha-touch 2 一般都是调用APP.CSS的样式，如果直接更改APP.CSS会非常麻烦，所以我建议自己新建一个style.css文件  然后在html里面加载上，

然后多数控件都有cls或者baseCls,itemCls样式，更改下就好，以更改列表样式为例

{
// ui:'round',     //ui是sencha自带的样式，
// cls:'a',         //cls:'a' 代表者系统会使用CSS文件里 .a{}的样式
style:{    //style 里面可以直接写CSS属性
//  ‘background’: 'red',

‘margin-left':0

},
itemId:'coursewaresList',
xtype: 'list',
store: 'Coursewares',
scrollable: true
}

这里在新建的style.css中写入

.a:active{
background-color:#C00  //红色
}

这时候运行程序时，就会发现当鼠标点击列表的时候整个列表就变红了。

一般API里面cls,baseCls都是更改样式的，baseCls是基本样式 拿列表距离可能包括了很多：列表背景，选中时的颜色，拖拽时候的颜色，列表默认的长宽高等等。比如上面要是baseCls:'a'那么这个表原来的所有样式就都没有了 cls:'a'系统就会先调用baseCls样式 然后是cls的样式。 itemCls是列表中每一项的样式

这是个最简单的样式修改方法，欢迎大家告诉我更好的方法~~