sencha-touch-2 - 如何在 sencha touch 2.0 中实现 sass

Question

请告诉我如何在 sencha 2.0 中包含我们自己的 pictos。这是我的.scss文件。

$base_color:#FF83D6;

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

@include sencha-toolbar-ui('india', #66FF66, 'matte');
@include sencha-button-ui('india', #66ff66, 'matte');
@include sencha-button-ui('india', #66ff66, 'matte');

@include pictos-iconmask(PICTOS_NAME);

PICTOS_NAME应该替换为什么以便我可以使用它？

Answer 1

http://docs.sencha.com/touch/2.0.2/#!/api/Global_CSS-css_mixin-pictos-iconmask

pictos-iconmask( $name )

包括一个 base64 编码的图标，用于标签栏和按钮（使用组件参数 iconMask：true）。

@include pictos-iconmask('attachment');

$name : 字符串

要包含的图标的名称。resources/themes/images/default/pictos这是为了匹配不带扩展名 (.png) 的图标文件（位于 ）的名称。