使用 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。

少网站