Question

我们正在尝试使用Bruno教程为我们的sencha应用程序实现自定义字体。（http://bruno.tavares.me/sencha-touch/adding-custom-font-icons-to-sencha-touch-2-2/）。但是，我遇到了包含字体的问题。

这是我们的scss文件：

$base-color: #FF9600;
$toolbar-base-color: $base-color !default;

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

@include icon("menu"  , "\e009", "app_fill");
@include icon("star"  , "\e001", "app_fill");

$toolbar-gradient:false;
$list-bg-color: #ffffff;
$list-active-color: #f8f8f8 !default;
$list-pressed-color: $list-active-color;

$panel-border-radius: 0em; 

$sheet-bg-gradient: #ffffff;

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

@include sencha-button-ui('segment', #007aff, false);
@include sencha-toolbar-ui('segment', #007aff, false);

现在我们在第8行收到错误：

error app.scss (Line 8: Undefined mixin 'icon-font'.)

我无法弄清楚出了什么问题。教程和mij touch都是版本2.2.1指南针正常运行。

Answer 1

在使用icon-font之前导入基础混合：

 @import 'sencha-touch/base';

Sencha Touch 2.2.1 Compass Compile Undefined Mixin Icon-font

1 个答案: