nativescript actionbar左边距

时间:2017-05-30 14:49:16

标签: android android-actionbar nativescript angular2-nativescript

在Nativescript + Angular2应用中尝试自己时,nativescript actionbar example shown here无效。添加了左边的额外边距,我很难删除。测试结果如下所示(使用另一个图像而不是链接中的图像)。

enter image description 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;
}

0 个答案:

没有答案