主题煎茶触摸列表
[英]Theming sencha touch list
问题描述
我想更改分组列表中标题的颜色。 目前，我有默认主题。 我想我必须使用“ $ list-header-bg-color”之类的东西，但是：
我可以在哪里使用它？ 我试图写类似：
$ list-header-bg-color ='#CCC'
直接在“ sencha-touch.css”文件的末尾，但是它根本不起作用……有人可以向我解释一下它是如何工作的？ （请举个小例子）。 提前致谢
2 个解决方案
解决方案1
4 已采纳 2012-08-23 08:14:10
首先，您需要安装ruby
然后安装红宝石宝石
然后安装指南针
然后打开您的应用程序* .scss文件（应该位于resources / sass /中）
下线后
@import 'sencha-touch/default/all';
包括你的台词
$list-header-bg-color = '#CCC'
请注意，默认情况下，此var的值为
$list-header-bg-color: transparentize(saturate($base-color, 10%), .25);
也许您可以更改基色以具有更“统一”的外观（取决于您要执行的操作...）
然后编译你的scss文件
compass compile
现在您的主题应该已经编译到您的app.css中，并且您的新颜色很好:)
有关更多详细信息，请查看我不久前写的这篇文章： sass-for-sencha-touch-2-windows-7
解决方案2
3 2011-10-12 13:27:55
Sencha正在使用SASS进行主题设置。 因此，该行应放在sencha-touch.scss文件中。 然后，您应该使用罗盘编译该文件以获得css文件。 观看此视频：
还要检查此内容http://www.sencha.com/blog/sencha-touch-theme-contest-winners-announced/
Sencha Touch 2列表重新加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.