Sencha建築師3不使用app.css

我想向我的sencha建築師項目添加自定義字體圖標，並刪除不必要的主題類，但似乎Sencha建築師根本不使用app.scss（位於我的項目的資源/ sass文件夾）。我所做的更改既不適用於架構師，也不適用於我啓動應用程序。Sencha建築師3不使用app.css

app.scss

$include-pictos-font: 
false; $include-default-icons: false; 

@import 'sencha-touch/default'; 
@import'sencha-touch/default/src/Class'; 

@include icon-font('CustomFont', inline-font-files( 
'customFont/customFont.woff', woff, 'customFont/customFont.ttf', 
truetype, 'customFont/customFont.svg', svg)); 

@include icon("map" , "e600", "CustomFont"); @include 
icon("check_filled", "e602", "CustomFont");

就更不用說了，我沒有編譯SCSS文件，CSS和它編譯就好了。

請問有人能詳細說明嗎？

我使用：

煎茶建築師3.0.2.1375
CMD：4.0.2.67
框架：煎茶觸摸 2.3.x版本

UPDATE：

事實證明，由於主題原因，Architect不使用app.scss文件（請參閱Phill的帖子）。當我嘗試插入圖標字體時，出現了另一個問題。無法找到字體文件。究其原因，在下面的文章中提到：http://www.sencha.com/forum/showthread.php?280895-How-to-correct-the-Font-theming-in-Architect3

下面的代碼解決了這個問題，我愉快地現在可以使用我的新圖標字體：

$font-files: 
     url('../resources/sass/stylesheets/fonts/bla/bla.woff') format("woff"), 
     url('../resources/sass/stylesheets/fonts/bla/bla.ttf') format("truetype"), 
     url('../resources/sass/stylesheets/fonts/bla/bla.svg') format("svg"); 

@include icon-font('IcoMoon', $font-files); 

@include icon("map" , "\e600", "IcoMoon"); 
@include icon("check_filled", "\e602", "IcoMoon");

要明確。我在Architect中添加了一個文件（scss資源）並添加了上述代碼。

來源

2014-02-06 Bram

建築師忽略此文件，因爲我們給你完整的主題支持。如果你想添加自定義scss，請單擊資源下的主題。在配置面板中，您將看到一個scss配置;單擊（+）圖標以添加scss資源。

現在通過點擊旁邊的（ - >）按鈕或在主題下的檢查器中選擇它來選擇它。切換到代碼視圖並粘貼到您的scss中。

來源

2014-02-07 18:08:44

謝謝你與我分享。它幫助我解決了我的問題。 – Bram

也可以刪除'自動'sencha/default/all導入，而是使用這裏描述的技術：http://www.sencha.com/blog/4-tricks-for-smaller-css-in- touch-22 – Bram

似乎這可以通過編輯scss文件來實現。儘管我們可能應該這樣做，但我們並沒有採取自動化的方式。 –

Sencha建築師3不使用app.css

回答

相關問題