css - 我想更改 extjs 的 css vars

Question

我想使用 $panel-body-background-color 设置面板的背景颜色。然后如何在面板配置中设置？我在遵循代码和平时遇到错误。

这是代码

var mainPanel = Ext.create('Ext.form.Panel', {
  renderTo: Ext.get('main'),
  xtype: 'form',
  title: 'User Registration',
  $panel-body-background-color : black /style:{'$panel-body-background-color:#64FE2E'}
});

Answer 1

$panel-body-background-color 不是组件配置，它们是 SASS 变量。它们是在您的应用程序代码之外定义和配置的。请参阅下面的链接以获取有关 ExtJS 主题的快速教程。它非常强大，但一开始可能会让人不知所措。

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

您应该使用 Sencha Command 使其正常工作，如果您可以浏览包文件夹以查看主题及其设置方式。您还可以使用 Sencha 命令创建新主题:

sencha generate theme my-custom-theme