使用 CSS 設置 Sencha Touch 表單的樣式 - 如何找到元素？

Question

我從 Sencha Touch 開始，我在這個強大工具的 Javascript 元素上得到了相當不錯的處理。 但是我最近來到CSS部分，恐怕我無法弄清楚如何准確地設置它。

我可以猜測其中的一些元素，而我知道其他一些元素是因為我創造了它們。 但我無法查看生成的源代碼或檢查 DOM，甚至無法使用 FireMobileSimulator 或一些此類插件。 因此，例如，當我嘗試設置表單元素的樣式時，我發現我無法讓標簽和輸入字段浮動，例如，我無法准確診斷它為什么不起作用。

有人知道嗎？ 謝謝！ 黨衛軍

Answer 1

嘿風暴陰影。 要編輯 Sencha 組件的樣式，您應該學習 SASS，實際上，Sencha Touch 就像新的 Ext 4 框架一樣，使用 SASS 和 COMPASS 來創建主題，您也可以創建自己的主題。 我知道一開始您可能會對使用這些新技術感到“害怕”，但我向您保證，您將能夠通過編輯一個簡單的變量來更改整個應用程序。 但是，如果您想錯過這個絕佳的機會，我建議您查看 Sencha Touch 根目錄中的這個文件“ resources\themes\stylesheets\sencha-touch\default\widgets_form.scss ”，以了解如何操作組件已創建，並且 CSS 類用於表單組件。 然后，您可以嘗試通過破解 Sencha Touuch 主題 CSS 來編輯它們。

但我警告你：這不是 Sencha 的做法。 如果你想成為一個優秀的 Sencha Touch 開發者，你必須學習 SASS。 這真的很容易，真的值得學習！

希望這可以幫助。

Answer 2

您也可以使用更少，而不是指南針來生成 css（畢竟它只是 CSS！）

LESS 可以在客戶端或服務器端實現，因此您不必在 Ruby 附近使用 go。

少網站