1

我正在应用以下 sencha 自定义主题:

Sencha 主题覆盖

$base-color:  #1876fc !default;  //#AB3ABD,
$active-color: darken(#9af3a6,40%) !default;//DD023A
$neutral-color: #e0e0e0;
$base-gradient: 'glossy';

$tabs-bar-gradient:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc97bb), color-stop(50%, #de0039), color-stop(51%, #a2003d), color-stop(100%, #4e0412));

$global-list-height: 50px;

$back-button-gradient: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc97bb), color-stop(50%, #de0039), color-stop(51%, #a2003d), color-stop(100%, #4e0412));

标签栏渐变似乎不适用。但是,如果我用“嵌入式”替换我的渐变代码,则会应用标签栏上的颜色,这有点类似于基色。

我需要设置一个自定义标签栏渐变。我将如何实现这一点,请记住现有代码保持原样?

包含文件

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-button-ui('back',#a2003d, 'glossy');
4

1 回答 1

0

尝试这个

$tabs-bar-gradient: color-stops(#fc97bb 0%, #de0039 50%, #a2003d 51%, #4e0412 100%);
于 2013-10-15T18:18:03.593 回答