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使其正常工作，如果您正在浏览packages文件夹以查看主题及其设置方式。您还可以使用Sencha Command创建新主题：

sencha generate theme my-custom-theme

Answer 2

我可以知道更改背景颜色的原因吗？

代码看起来像这样，

  Ext.onReady(function() {
    var mainPanel = Ext.create('Ext.form.Panel', {
               renderTo: Ext.getBody(),
               title: 'User Registration',
               width:300,
               height:400,
               bodyStyle:{
                 background:'pink'
               }
    });
  });

我想改变extjs的css vars

2 个答案: