Question

我正在尝试在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项中找不到使用超棒字体图标的示例。在第一个TabViewItem中，我试图添加fa-plane图标以查看是否正确。没有。我期待您的提示。

谢谢。

Answer 1

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

如何在Nativescript Vue平台中将真棒字体图标添加到Tabview

1 个答案: