Question

我正在尝试向我的sencha架构师项目添加自定义字体图标，并删除不必要的主题类，但似乎Sencha Architect根本不使用app.scss（位于我项目的resources / sass文件夹中）。我所做的更改既未应用于架构师，也未应用于启动应用程序。

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并且编译得很好。

有人可以详细说明吗？

我正在使用：

Sencha Architect 3.0.2.1375
Cmd：4.0.2.67
框架：Sencha Touch 2.3.x版本

更新：

事实证明，建筑师不会因为主题原因而使用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资源）的主题中添加了一个文件，并添加了上述代码。

Answer 1

架构师忽略此文件，因为我们为您提供完整的主题支持。如果要添加自定义scss，请单击资源下的主题。在配置面板中，您将看到一个scss配置;单击（+）图标以添加scss资源。

现在通过单击旁边的（ - ＆gt;）按钮或在主题下的检查器中选择它来选择它。切换到代码视图并粘贴到您的scss中。

Sencha Architect 3不使用app.css

1 个答案: