NativeScript Vue - значки дизайна материалов не отображаются - PullRequest
Новая
       18

NativeScript Vue - значки дизайна материалов не отображаются

2 голосов
/ 10 марта 2019

В активах / шрифтах у меня есть materialdesignicons-webfont.ttf, а в активах / css - materialdesignicons.css.И, наконец, в main.js у меня есть следующее: 

import {TNSFontIcon, fonticon} from 'nativescript-fonticon';

TNSFontIcon.debug = true;
TNSFontIcon.paths = {
  'mdi': './assets/css/materialdesignicons.css'
};
TNSFontIcon.loadCss();

Vue.filter('fonticon', fonticon);

И я использую значок, подобный следующему: 

<Label class="mdi" :text="'mdi-youtube' | fonticon" style="color: #fff;font-size: 40px;" />

Однако значки не отображаются вообще.

Screenshot from 2019-03-10 18-23-18

Кстати, я взял css из https://github.com/Templarian/MaterialDesign-Webfont/tree/master/css.

Пожалуйста, помогите!

1 Ответ

3 голосов
/ 10 марта 2019

Добавьте эти строки в свой CSS, 

.mdi {
  font-family: "Material Design Icons", "materialdesignicons-webfont";
}

В основном имя постскрипта, имя файла шрифта в вашем проекте.Также вы должны использовать каталог fonts, а не assets/fonts, по умолчанию файлы в каталоге fonts автоматически регистрируются только при запуске приложения.

...