2

Sencha Touch アプリケーションのデフォルトの青色を緑色に変更したいと考えています。私が従った手順を以下に示します。

  1. gem update --system

  2. gem install compass

  3. compass create myfile

  4. .scssファイルをコピーしてtouch-2.2.1/resources/sqss/ディレクトリに貼り付けました。

  5. そのファイルに次のコードを貼り付けて、名前を付けましたhappy.css：

    $base-color: #709e3f;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-list;
@include sencha-layout;
@include sencha-loading-spinner;

  6. compass compile happy.scss

  7. ページhappy.scss内の名前を置き換えました。app.html

  8. アプリケーションを実行すると、次のエラーが発生しました。

    構文エラー: 未定義の変数: "$font-family".\a on line 2 of /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/src/_Class. /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/src/_all.scss\a の 1 行目から scss\a /Applications/XAMPP/ の 1 行目からxamppfiles/htdocs/touch-2.2.1/resources/themes/stylesheets/sencha-touch/default/_all.scss\a /Applications/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/sass/ の 3 行目からhappy.scss\a\a 1: /アプリケーション/XAMPP/xamppfiles/htdocs/touch-2.2.1/resources/sass/happy.scss

どうすればこれを解決できますか?

4

1 に答える 1

3

Add the following line

@import 'sencha-touch/default';

Before this line

@import 'sencha-touch/default/all';

Also as per documentation

There are a lot of changes from Sencha Touch 2.1 to 2.2,

The most important change to be aware of is the move away from using mixins 
for each component

We found that using mixins for each component was quite slow when compiling your Sass, 
so we decided to simply move to using @import to just include each component.

In Touch 2.1, your stylesheet looked like this:

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
// and other components…

In Touch 2.2, it looks like this:

@import 'sencha-touch/default';

@import 'sencha-touch/default/Panel';
@import 'sencha-touch/default/Button';
// and other components
于 2013-07-20T03:11:26.940 に答える