sencha touch 自定義主題的若幹問題

這個應該是每個人都會遇到的問題，想修改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" target="_blank" rel="external nofollow" type="text/css" media="screen" title="no title" charset="utf-8">

7 看看成功了吧