Nativescript Vue Размер значка шрифта с тегом изображения - PullRequest
Новая
       6

Nativescript Vue Размер значка шрифта с тегом изображения

0 голосов
/ 06 апреля 2020

Как установить размер шрифта при использовании тега изображения? Я пытался с app.s css, но значок имеет максимальный размер. Я не смог найти никакой другой документации.

nativescript vue fontawesome size с тегом изображения

Маленькие значки с Fontawesome 4.7 и тегом кнопки. Они ОК. Большой значок с Fontawesome 5 и тегом изображения. 

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

app.s css

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

1 Ответ

0 голосов
/ 07 апреля 2020

Я думаю, что размер значка шрифта с тегом изображения игнорируется в 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.s css

.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;
}
...