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 重置，以便您可以设置页面样式并使其在所有浏览器中看起来都相同。

编辑样式的最佳方法是添加一些 CSS 以my_app/resources/main_page.css使用该font-size属性。

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

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