Я пытаюсь объявить серию кнопок «Назад».
Моя цель - сделать ui: 'back-black' ui: 'back-red' ui: 'back-green'
и меняет стиль, но сохраняет форму стрелки
пока мне удалось изменить только все кнопки 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');
Проверьте это видео для получения дополнительной информации:
http://vimeo.com/33298159 (пример на 17:00)
http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/
И шпаргалка по CSS3 http://downloads.sencha.com/extras/css3-cheat-sheet.pdf
На карте:
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;
}
Выбранный ответ, вероятно, неверен или не применим к Sencha 2.0.1. Я попробовал ответ, но он не работает в Sencha Touch 2.0.1. Однако работает следующий метод:
(Необязательно) Импортируйте свой любимый цвет через sass в свой sass:
@include sencha-button-ui('orange',#ff8000,'glossy');
Поместите это в пользовательский интерфейс, как
ui: "orange-back"
or
ui: "red-back"
... так далее.
