在Nativescript + Angular2应用中尝试自己时,nativescript actionbar example shown here无效。添加了左边的额外边距,我很难删除。测试结果如下所示(使用另一个图像而不是链接中的图像)。
代码的相关部分:
HTML code:
<ActionBar title="test">
<StackLayout orientation="horizontal"
ios:horizontalAlignment="center"
android:horizontalAlignment="left">
<Image src="~/assets/img/image.png" class="action-image"></Image>
<Label text="ativeScript" class="action-label"></Label>
</StackLayout>
</ActionBar>
CSS:
.action-image {
width: 40;
height: 40;
vertical-align: center;
}
.action-label {
color: #3C5AFD;
font-size: 24;
font-weight: bold;
vertical-align: center;
}