Sencha Touch 2 CSS不能正常工作

當創建一個新的CSS主題，並用羅盤編譯主題後，樣式沒有變化。一切都像以前一樣，默認主題。如何解決這個問題？Sencha Touch 2 CSS不能正常工作

2012-04-19 Telmo Dias

請更具體的，因爲你的問題很奇怪 – 2012-04-19 13:19:17

我在一個簡單的馬內爾張貼了這個，因爲我想用簡單的方式回答它。我不知道是不是因爲之前的教程，而是讓我把包含Sencha Touch SDK的腳本放在css文件的鏈接上。此外，例如包括pictos正常工作的事實無助於理解正在發生的事情。在文檔或教程的某處應該有一個註釋，以確保在JS之後包含CSS。 – 2012-04-19 13:24:24

確保您將鏈接到你的CSS文件中的線下：

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

我把它有權在<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> 
(...)

來源

2012-04-19 13:19:24

只需將默認下面所有的變量@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';

來源

2014-01-21 10:35:19

Sencha Touch 2 CSS不能正常工作

回答

相關問題