Sencha Touch 自定义主题2:简单尝试 Sass & Compass

下载 sencha-touch 的压缩包,解压到一个目录,打开 resources 包,看到一个 sass 的文件夹,里面有这样几个文件

1 android.scss
2 apple.scss
3 bb6.scss
4 sencha-touch.scss
5
6 config.rb
7 config-debug.rb
8 config-release.rb

复制 sencha-touch.scss 改名为 custom.scss,用常用的编辑器打开,在最前面加上

1 $base-color: #1da1ed;
2 $base-gradient: 'glossy';

保存后在命令行下进入这个 sass 文件夹,输入

1 compass compile

执行会刷一堆 debug 信息,无视之,回上一级目录,打开 css 文件夹,里面多了一个 custom.css,找一个现成的 sencha-touch 项目,引入这个样式替换原本的 sencha-touch.css,OK,执行项目看效果吧!

 

大致就是这个样子...

posted @ 2011-11-01 14:14 Elementstorm 阅读(...) 评论(...) 编辑 收藏