我有一个视图,它是 XML 文档中的另一个视图。这是顶级视图:
windowBase.xml:
<Alloy>
<Window class="base">
<Window class="content">
<Label class="haveActivation" text="Have an activation code for this device?">
</Window>
<Require id="navigation1" class="navigation1" src="navigation" />
</Window>
</Alloy>
以下是该视图的样式:
windowBase.tss:
".navigation1": {
top: 692,
left: 100,
height: 265
}
".content": {
backgroundColor: "white",
height: 692,
top: 0
}
".haveActivation": {
bottom: 10
}
这是子导航视图:
导航.xml:
<Alloy>
<View class="nav" id="nav" onClick="nav_click">
<Label class="tabExample" text="Tab here">
</View>
</Alloy>
导航视图的样式:
导航.tss:
"#nav": {
zIndex: 9999,
backgroundImage: "Navigation-Background.png",
width: 1024,
height: 265
}
".tabExample": {
color: "white"
}
".container": {
backgroundColor: "white"
}
您可以看到我已将所需的视图 (.navigation1) 顶部样式设置为 692。但是,当它显示时,它会将视图呈现在屏幕中间而不是底部。我能够让它在顶部呈现的唯一方法:692 是如果我将该样式放在导航视图的#nav 样式中,这似乎没有多大意义。我究竟做错了什么?