这个应该是每个人都会遇到的问题,想修改sencha touch的整体效果
但是不可能一个一个css去改
sencha touch提供的是rb + sass的方法
1. 安装ruby 去ruby官方下载安装 ,有win版本安装器
2. 在ruby/bin执行下面命令安装sass 和compass
gem install sass
gem install compass
3. 去sencha 项目resource/sass目录下copy 一份app.scss,然后进行修改
修改的方法看的是http://senchalearn.github.com/Touch-Theming/ 的案例代码
4. 编译
在ruby bin目录下,执行命令:compass compile project/resources/sass
5. 编译后会在project/resources/css目录下自动生成css文件
6. 在index.html中
<script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>
之后加上你的css文件应用
<link rel="stylesheet" href="resources/css/custom-theme.css" type="text/css" media="screen" title="no title" charset="utf-8">
7 看看成功了吧