1

我正在尝试在 TabView 项目中使用 font-awesome 图标。我可以在页面的其他地方使用相同的代码，并且效果很好。它只是不会在 tabview 中显示任何图标。

在我的 main.js 中：

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


TNSFontIcon.debug = true;
TNSFontIcon.paths = {
  'fa': './assets/css/font-awesome.css',
  'ion': './ionicons.css'
};
TNSFontIcon.loadCss();

Vue.filter('fonticon', fonticon);

在 App.vue 中：

<TabView class="tab-view" :selectedIndex="selectedIndex" androidTabsPosition="bottom">
  <TabViewItem class="fa" :text="'fa-plane' | fonticon" >
    <Label text="Content for Tab 1"/>
  </TabViewItem>
  <TabViewItem title="Tab 2">
    <Label text="Content for Tab 2" @tap="pretextsTap()" />
  </TabViewItem>
</TabView>

我正在使用 Nativescript Vue 平台，在 tabview 项目中找不到使用 font-awesome 图标的示例。在第一个 TabViewItem 中，我试图添加 fa-plane 图标以查看是否正确。它没有。我期待着你的提示。

谢谢。

4

1 回答 1

1

选项卡视图项具有标题属性，而不是文本。试一试:title="'fa-plane' | fonticon"。

于 2019-05-15T12:22:31.130 回答