Sencha touch Sencha Touch主题化:自定义后退按钮
我想声明一系列后退按钮 我的目标是 用户界面:“背黑” 用户界面:“背红” 用户界面:“背绿” 它改变了样式,但保持了箭头形状 到目前为止,我只成功地更改了所有ui:“后退”按钮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文件。为所需的每种颜色
.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中不起作用。但是,以下方法有效:
@include sencha-button-ui('orange',#ff8000,'glossy');
ui: "orange-back"
或
。。。等等。选择的答案可能错误或不适用于Sencha 2.0.1。我试过anwer,但在Sencha Touch 2.0.1中不起作用。但是,以下方法有效:
@include sencha-button-ui('orange',#ff8000,'glossy');
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里不起作用!这就是为什么我会提供这个答案,以防有人需要;)