sencha-touch-2 – Sencha Architect 3不使用app.css

2019年8月4日 191次阅读

我正在尝试向我的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版本

更新：

事实证明,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资源)的主题中添加了一个文件,并添加了上述代码.

最佳答案 建筑师忽略此文件,因为我们为您提供完整的主题支持.如果要添加自定义scss,请单击资源下的主题.在配置面板中,您将看到一个scss配置;单击()图标以添加scss资源.

现在,通过单击旁边的( – >)按钮或在主题下的检查器中选择它来选择它.切换到代码视图并粘贴到您的scss中.

点赞