Как установить размер текста LabelView в SproutCore

Это может быть очевидно, но я не могу найти, как увеличить размер шрифта SC.LabelView. То, что у меня есть сейчас

title: SC.LabelView.design({
    layout: { centerX: 0, centerY: 0, height: 36, width: 200 },
    tagName: "h1",
    value: "Contacts"
})

Хотя это h1, он остается «обычным» текстом, но это заголовок, о чем свидетельствует имя свойства.


layout sproutcore sproutcore-views
person 11684    schedule 12.11.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

SproutCore включает в себя сброс CSS, чтобы вы могли изменить стиль своей страницы и сделать так, чтобы она выглядела одинаково во всех браузерах.

Лучший способ отредактировать стили — добавить немного CSS в my_app/resources/main_page.css с помощью свойства font-size.

$theme h1 {
  font-size: 30px;
}

В файле main_page.css есть некоторые комментарии и ссылки на дополнительные ресурсы, но вы можете узнать больше из руководства по шансам.

person Topher Fangio    schedule 12.11.2013
comment
Обратите внимание, что наряду с tagName вы также можете указать свойство classNames, которое принимает массив классов, которые вы можете использовать для дальнейшего стиля вашего представления. (Поскольку имена тегов не влияют на стиль по (очень хорошей) причине, упомянутой Тофером, и приложениям меньше нужна семантическая разметка, чем документам, приложения SC обычно в конечном итоге довольно редко используют tagName. Нет причин избегать этого. хотя.) Полезно для фантазии: classNameBindings. - person Dave; 13.11.2013
comment
Ах, я совсем забыл о CSS, сосредоточившись на решении только для SC. - person 11684; 13.11.2013
comment
Бинго. Важно помнить, что SC хочет, чтобы вы использовали CSS для всего, что связано со стилем (за исключением макета). Это просто медленный HTML, от которого нужно держаться подальше! - person Dave; 03.12.2013