Html5移动开发论坛

注册

 

发新话题 回复该主题

Sencha Touch 2 改变应用程序主题样式皮肤 [复制链接]

1#
Sencha Touch 2 改变应用程序皮肤需要用到RUBY
1.下载安装Ruby
2.进入Ruby命令行界面,输入gem install compass在线安装Compass
3.安装好后在sass文件夹里新建一个SCSS文件 内容如下
@import 'sencha-touch/default/all';

// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
4. 之后可以再上面写自己需要修改的样式,比如
$base-color: #000;
$active-color: #ea4199;
$base-gradient: 'glossy';
$tabs-dark: darken($base-color, 20%);
$tabs-dark-active-color: saturate($active-color, 20%);
$tabs-bottom-active-gradient: 'recessed';
5.保存SCSS文件
6.使用Ruby控制台,输入compas compile resources/sass 编译resources文件夹下的sass文件夹下的SASS文件

7.使用编译生成后的CSS文件即可(生成的文件位置在SASS文件夹下config.rb文件里配置)
分享 转发
TOP
2#

    这是网上来的吧    你试过吗     我试了不行
TOP
3#

米有。。。。我都是改css的。。。

Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。
PhoneGap安卓 交流 QQ 群 250395324欢迎您的加入。
Html5 APP 交流 QQ 群 273843464欢迎您的加入。
TOP
4#

回复 3楼CF西西的帖子

  我也是改css的
TOP
5#

这个试过的,现在在用,一键修改 肤色
TOP
6#

我又试了一遍但还是不行       config你是怎么配置的??    改css样式就是太麻烦了点     config的代码怎么写呢?
TOP
7#

咋改css啊。找那段代码?
TOP
8#

scss其实和css差不多,就是多了很多继承的语法,你找找好了,改完scss后编译成css就行

Sencha Touch 交流 QQ 群 224711028 欢迎您的加入。
PhoneGap安卓 交流 QQ 群 250395324欢迎您的加入。
Html5 APP 交流 QQ 群 273843464欢迎您的加入。
TOP
发新话题 回复该主题