Sencha Touch 2 CSS无法正常工作

Question

When creating a new CSS theme and after compiling the theme with compass, there was no change on the styles. 创建新的CSS主题并使用指南针编译主题后，样式没有变化。 Everything was looking just like before, with the default theme. 使用默认主题，一切看起来都像以前一样。 How to solve this ? 如何解决呢？

Answer 1

Make sure you move the link to your CSS file below the line: 确保将链接移动到以下行的CSS文件中：

<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>

I put it right at the end of the <head></head> element. 我把它放在<head></head>元素的末尾。

(...)
<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
<link rel="stylesheet" href="default-theme.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
(...)

Answer 2

Just place all your variables below the default @import statements like this: 只需将所有变量放置在默认的@import语句下方，如下所示：

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

$base-color: #27ae60;
$base-gradient: 'matte';
$alert-color: #2ecc71;
$confirm-color: #e67e22;
$page-bg-color: #3498db;
$form-bg-color: #ecf0f1;
$button-radius: '0px';

Sencha Touch 2 CSS无法正常工作

问题描述

2 个解决方案

解决方案1
1 2012-04-19 13:19:24

解决方案2
0 2014-01-21 10:35:19

Sencha Touch 2 CSS无法正常工作

问题描述

2 个解决方案

解决方案1 1 2012-04-19 13:19:24

解决方案2 0 2014-01-21 10:35:19

解决方案1
1 2012-04-19 13:19:24

解决方案2
0 2014-01-21 10:35:19