layout - 如何在SproutCore中设置LabelView的文本大小

Question

这可能很明显，但是我找不到如何扩大SC.LabelView的字体大小。我现在所拥有的是

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

尽管它是 h1，但仍保留“普通”文本，但它是标题，如属性名称所建议。

Answer 1

SproutCore包括CSS重置，因此您可以设置页面样式，并使它在所有浏览器中看起来都一样。

修改样式的最佳方法是使用my_app/resources/main_page.css属性将一些CSS添加到font-size中。

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

在 main_page.css文件中有一些注释和指向其他资源的链接，但是您可以从 Chance guide中了解更多信息。