Сенча Коснитесь темы: пользовательская кнопка возврата - PullRequest
Новая
       25

Сенча Коснитесь темы: пользовательская кнопка возврата

1 голос
/ 18 января 2012

Я пытаюсь объявить серию кнопок назад.

Моя цель сделать UI: «обратно черный» UI: «обратно-красный» пользовательский интерфейс: 'back-green'

и меняет стиль , но сохраняет форму стрелки

до сих пор мне удалось изменить только все кнопки пользовательского интерфейса: «назад» 

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

есть идеи?

Ответы [ 3 ]

4 голосов
/ 14 декабря 2012

На карте: 

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;
}
4 голосов
/ 19 января 2012

Почему бы вам не попробовать ui:'normal-black' или ui:'round-black'?

UPDATE

Для этого вам нужно отредактировать файлы 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

3 голосов
/ 07 октября 2012

Выбранный ответ, вероятно, неверен или не применим к Sencha 2.0.1. Я попробовал ответить, но он не работает в Sencha Touch 2.0.1. Однако работает следующий метод:

  1. (Необязательно) Импортируйте свой любимый цвет через sass в свой sass: 

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

  2. Поместите это в пользовательский интерфейс, как 

    ui: "orange-back"

    или 

    ui: "red-back"

... и т. Д.

...