Question

我正在尝试宣布一系列后退按钮。

我的目标是去做 ui：'背黑' ui：'背红' ui：'back-green'

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

到目前为止，我只是设法改变了所有的ui：'后退'按钮

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

任何想法？

Answer 1

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

<强>更新

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

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

和类似的

@include sencha-button-ui('red',#ff0000,'matte');

查看此视频以获取更多信息：

http://vimeo.com/33298159（示例是在17:00）

http://vimeo.com/17879651

http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/

和CSS3备忘单 http://downloads.sencha.com/extras/css3-cheat-sheet.pdf

Answer 2

在卡片上：

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;
}

Answer 3

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

（可选）在sass中通过sass导入您喜欢的颜色：
```
@include sencha-button-ui('orange',#ff8000,'glossy');
```
把它放在ui中
```
ui: "orange-back"
```
或
```
ui: "red-back"
```

......等等。

Sencha Touch主题：自定义后退按钮

3 个答案: