Question

我正在写一个Sencha触控应用，我想要显示一个有三个按钮的弹出框。我把一个函数放在一个应该显示弹出窗口的控制器中，就像它一样。我的问题是弹出窗口没有背景或边框，所以你可以看到它。这是我的控制器的一个例子

Ext.regController('LoginController', {

 'login' : function(options) {
        loginPopup = new Ext.Panel({
            floating: true,
            modal: true,
            centered: true,
            width : 250,
            height : 250,
            layout : {
                align : "center",
                pack : "center"
            },
            styleHtmlContent : true,
            items : [Button1, Button2, Button3],
            dockedItems : [
                {
                    dock : 'top',
                    xtype : "toolbar",
                    title : 'Title'
                }
            ]
loginPopup.show('pop');

所有项目和停靠项目都会显示，但没有背景或边框。

我会张贴一张照片，但显然不是很有声望的

Answer 1

使用相同版本的Sencha Touch的sencha-touch.js和sencha-touch.css。每个版本的Sencha Touch的js和css文件都不同。对于开发，导入整个Sencha版本。见this。对于prod，只保留您需要的文件。

Answer 2

使用样式属性

设置叠加层的背景颜色

style: 'background-color: color_of_your_choice'

Sencha overlay没有背景

2 个答案: