Sencha touch 如何将背景图像放入sencha touch 2 Ext.form.Panel？

我有一个带有字段集的formPanel，我想让背景图像覆盖整个屏幕，我只是在面板上添加了一个css类，但它不能正常工作，图像只是部分出现在字段集区域，而不是全屏模式 代码如下： login.js

Ext.define'MOICTouch.view.tablet.Login'{ 扩展：“Ext.form.Panel”， xtype:'LoginForm'， 配置：{ 全屏：对， cls:'登录表单'， 布局：{ 对齐：'居中'， 包装：'中心'， 类型：“适合” }, 项目：[{ xtype:'按钮'， 文本：'\u062F\u062E\u0648\u0644'， ui:'确认'， 停靠：“底部”， 宽度：500， 处理程序：函数{ 此.up'formpanel'。提交； } }, { xtype:“字段集”， 标题：'\u062A\u0633\u062C\u064A\u0644\u062F\u062E\u0648\u0644'， 停靠：“底部”， 宽度：500， applytle：函数标题{ 如果标题的类型==“字符串”{ 标题={ 标题：标题 }; } Ext.applyIftitle{ 停靠：“顶部”， baseCls:“登录表单字段集标题” }; 返回Ext.factorytitle、Ext.Title、this.getTitle； }, 项目：[{ xtype:'textfield'， 名称：“用户名”， 标签：'\u0627\u0633\u0645\u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645'， getElementConfig:函数{ var prefix=Ext.baseCSSPrefix； 返回{ 引用：'元素'， 类名：“x容器”， 儿童：[{ 参考：“标签”， cls:“登录表单标签”， 儿童：[{ 标签：“span” }] }, { 引用：'innerElement'， cls:前缀+“组件外部” }] }; } }, { xtype:'密码字段'， 名称：“密码”， 标签：'\u0643\u0644\u0645\u0629\u0627\u0644\u0645\u0631\u0648\u0631'， getElementConfig:函数{ var prefix=Ext.baseCSSPrefix； 返回{ 引用：'元素'， 类名：“x容器”， 儿童：[{ 参考：“标签”， cls:“登录表单标签”， 儿童：[{ 标签：“span” }] }, { 引用：'innerElement'， cls:前缀+“组件外部” }] }; } }] }] } }; app.css

.登入表格{ 方向：rtl； 背景：透明url'../images/login bg.jpg'右上角无重复； } .登录表单字段集标题{ 文本阴影：fff 0 1px 1px； 颜色：333333； 保证金：1em 0.7em 0.3em； 颜色：333333； 字体大小：粗体； 空白：nowrap； 文本对齐：居中； } .登录表单标签{ 文本阴影：fff 0 1px 1px； 颜色：333333； 文本阴影：rgba255、255、255、0.25 0 0.08em 0； 背景色：F7F7； 填充：0.6em； 边框顶部：1px纯白； 显示：无； 空白：nowrap； 溢出：隐藏； 文本溢出：省略号； 显示：块； } 这是从iPad2截取的屏幕截图

---

我认为这应该有效：

.x-form .x-scroll-container {
     background: transparent url('../images/login-bg.jpg') no-repeat top right;
}

---

我认为这应该奏效：

.x-form .x-scroll-container {
     background: transparent url('../images/login-bg.jpg') no-repeat top right;
}

在面板中，您只需添加

cls:“panelBackground”， 在app.css文件中，您只需将panelBackground定义为

.背景{ 背景：url'/public/images/log.png'无重复中心； } 在面板中，您只需添加

cls:“panelBackground”， 在app.css文件中，您只需将panelBackground定义为

.背景{ 背景：url'/public/images/log.png'无重复中心； }

---

formpanel与panel不同 如果要为面板添加背景，只需设置config cls:'login-form'

---

当您为formpanel设置cls:“login-form”时，它将不起作用，因为formpanel的baseCls具有更高的优先级，因此我们可以设置baseCls:，然后属性cls将对formpanel起作用 如果要为面板添加背景，只需设置config cls:'login-form' 当您为formpanel设置cls:'login-form'时，它将不起作用，因为 mpanel的baseCls具有更高的优先级，因此我们可以设置baseCls:，然后属性cls将用于formpanel