带有Image标记的Nativescript Vue字体图标大小

Question

当我使用Image标签时，如何设置字体图标的大小？我试过使用app.scss，但图标是最大大小的。我找不到任何其他文档。

nativescriptt vue字体真棒大小与图像标签

小图标带有Fontwo敬畏4.7和按钮标签。它们是ОК。大图标是Fontwo敬畏5和图像标签。

<Image col="3" src.decode="font://&#xf004;" class="fas" stretch="none" />

app.scss

.fas {
font-family: "Font Awesome 5 Free Solid", "fa-solid-900";
font-weight: 900;
font-size: 12;
}

Answer 1

我认为RadListView(Android(中忽略了带有图像标记的字体图标大小。

<Image  src.decode="font://&#xf004;" class="fas" stretch="none" /> - This is OK
<RadListView for="">
<v-template>
<GridLayout columns="auto,*">
<button col="0"><FormattedString><Span class="fa" :text="'fa-thumbs-o-up' | fonticon" /><Span :text="10" /></FormattedString></button> - This is OK
<Image col="1" src.decode="font://&#xf004;" class="fas" stretch="none" /> - This didn't work 
</GridLayout>                     
</v-template>
</RadListView>

app.scss

.fa {
font-family: FontAwesome; //Font Awesome 4.7
}
.fas {
font-family: "Font Awesome 5 Free Solid", "fa-solid-900";
font-weight: 900;
font-size: 12;
}