Sencha touch Sencha Touch主题化:自定义后退按钮

Sencha touch Sencha Touch主题化:自定义后退按钮,sencha-touch,extjs,sass,Sencha Touch,Extjs,Sass,我想声明一系列后退按钮 我的目标是 用户界面:“背黑” 用户界面:“背红” 用户界面:“背绿” 它改变了样式,但保持了箭头形状 到目前为止,我只成功地更改了所有ui:“后退”按钮 .x-button-back, .x-button-back:after { background:#ff0000 none !important; } 有什么想法吗 为什么不试试ui:'normal-black'或ui:'round-black' 更新 为此,您需要编辑项目的Sass文件。为所需的每种颜色

我想声明一系列后退按钮

我的目标是 用户界面:“背黑” 用户界面:“背红” 用户界面:“背绿”

它改变了样式,但保持了箭头形状

到目前为止,我只成功地更改了所有ui:“后退”按钮

 .x-button-back, .x-button-back:after  { 
  background:#ff0000 none !important;
}

有什么想法吗

为什么不试试
ui:'normal-black'
ui:'round-black'

更新

为此,您需要编辑项目的Sass文件。为所需的每种颜色将此行添加到scss文件中

@include sencha-button-ui('orange',#ff8000,'glossy');
相似的

@include sencha-button-ui('red',#ff0000,'matte');
查看此视频了解更多信息:

(示例为17:00)

以及CSS3备忘单
为什么不试试
ui:'normal-black'
ui:'round-black'

更新

为此,您需要编辑项目的Sass文件。为所需的每种颜色将此行添加到scss文件中

@include sencha-button-ui('orange',#ff8000,'glossy');
相似的

@include sencha-button-ui('red',#ff0000,'matte');
查看此视频了解更多信息:

(示例为17:00)

以及CSS3备忘单

所选答案可能错误或不适用于Sencha 2.0.1。我试过anwer,但在Sencha Touch 2.0.1中不起作用。但是,以下方法有效:

  • (可选)通过sass在您的sass中导入您喜爱的颜色:

    @include sencha-button-ui('orange',#ff8000,'glossy');
    
  • 像这样把它放在ui中

    ui: "orange-back"
    


  • 。。。等等。

    选择的答案可能错误或不适用于Sencha 2.0.1。我试过anwer,但在Sencha Touch 2.0.1中不起作用。但是,以下方法有效:

  • (可选)通过sass在您的sass中导入您喜爱的颜色:

    @include sencha-button-ui('orange',#ff8000,'glossy');
    
  • 像这样把它放在ui中

    ui: "orange-back"
    

  • 。。。等等。

    卡上:

    config: {
    
        defaultBackButtonText: '',
        navigationBar: {
            backButton: {
                iconCls: 'back',
                ui: 'plain'
            }
        }
    }
    
    在CSS上:

    //Back
    .x-button-icon.back {
    background-image: url(../../resources/images/bt_seta.png);
    background-repeat: no-repeat;
    }
    
    在卡片上:

    config: {
    
        defaultBackButtonText: '',
        navigationBar: {
            backButton: {
                iconCls: 'back',
                ui: 'plain'
            }
        }
    }
    
    在CSS上:

    //Back
    .x-button-icon.back {
    background-image: url(../../resources/images/bt_seta.png);
    background-repeat: no-repeat;
    }
    

    我想要的是能够更改ui:back的颜色,它是一个箭头形状的按钮。我可以更改ui:back的颜色,但只能更改一次。我想要的是保持箭头形状并定义几种颜色我想要的是能够更改颜色ui:back,这是一个箭头形状的按钮。我可以更改ui:back的颜色,但只能更改一次。我想要的是保持箭头形状并为更新定义几个颜色标记,我在2011年底问了这个问题,当时ST2还处于测试阶段,所以我的项目在ST1^^没有问题。我面对同样的问题,仔细研究了一遍。这东西在ST2里不起作用!这就是为什么我会提供这个答案,以防有人需要;)感谢更新,我在2011年底问了这个问题,当时ST2还处于测试阶段,所以我的项目在ST1中没有问题。我面对同样的问题,仔细研究了一遍。这东西在ST2里不起作用!这就是为什么我会提供这个答案,以防有人需要;)