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

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

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

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

источник

2013-11-12 11684

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

Лучший способ редактирования ваших стилей - добавить CSS к my_app/resources/main_page.css, используя свойство font-size.

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

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

источник

2013-11-12 22:14:08

Обратите внимание, что наряду с tagName вы также можете указать свойство classNames, которое принимает массив классов, который вы можете использовать для дальнейшего стиля вашего представления. (Так как имена меток не могут влиять на стиль, по причине (очень хорошей) причины, о которой упоминал Topher, а приложениям меньше нужна семантическая разметка, чем в документах, приложения SC обычно заканчивают довольно редкое использование tagName. хотя.) Полезно для получения фантазии: [classNameBindings] (http://blog.sproutcore.com/classnamebindings-easy-dynamic-css/). – Dave

А, я совсем забыл о CSS, сосредоточившись на решении только SC. – 11684

Бинго. Важно помнить, что SC хочет, чтобы вы использовали CSS для всех связанных с стилем (за исключением макета). Это просто медленный HTML, что он хочет, чтобы вы держались подальше! – Dave

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

ответ

Смежные вопросы