选项卡图标在离子 3 中不可见

insomniac_tk

./pages/tabs/tabs.html 里面

<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-
circle"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Settings" tabIcon="cog"></ion-
tab>
</ion-tabs>

./pages/tabs/tabs.ts 里面

import { Component } from '@angular/core';
import { AboutPage } from '../about/about';
import { ContactPage } from '../contact/contact';
import { HomePage } from '../home/home';
import {SettingsPage} from '../settings/settings' ;

@Component({
templateUrl: 'tabs.html'
})
export class TabsPage
{
   tab1Root = HomePage;
   tab2Root = AboutPage;
   tab3Root = SettingsPage;

   constructor() 
   {
   }
}

所以,我不明白为什么我的图标没有显示在这里。在此构建之前,以前它可以正常工作。我没有改变任何东西。现在它不工作了。关于、主页和设置的图标丢失。

尼拉吉

像这样将 tabs.html 留空。

<ion-content padding></ion-content>

在 tabs.ts 中试试这个。

import { Component } from '@angular/core';
import { AboutPage } from '../about/about';
import { ContactPage } from '../contact/contact';
import { HomePage } from '../home/home';
import {SettingsPage} from '../settings/settings' ;
import { Platform } from 'ionic-angular';

@Component({
template: `
    <ion-tabs class="tabs-icon-text" [color]="isAndroid ? 'royal' : 'primary'">
    <ion-tab tabIcon="home" tabTitle="Home" [root]="tab1"></ion-tab>
    <ion-tab tabIcon="information-circle" tabTitle="About" [root]="tab2"></ion-tab>
    <ion-tab tabIcon="cog" tabTitle="Settings" [root]="tab3"></ion-tab>
    </ion-tabs>
`})

export class TabsPage {
    tab1 = HomePage;
    tab2 = AboutPage;
    tab3 = SettingsPage;
    isAndroid: boolean = false;

    constructor(platform: Platform) {
        this.isAndroid = platform.is('android');
    }    
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

APEX:选项卡容器中的图表不可见

来自分类Dev

模态上的离子 3 选项卡

来自分类Dev

在我的Android应用程序的银河选项卡3中未显示大图标

来自分类Dev

在离子选项卡中显示网站

来自分类Dev

Primefaces-选项卡不可见

来自分类Dev

Primefaces-选项卡不可见

来自分类Dev

标签在崇高文字3中不可见

来自分类Dev

3 JFrame中的Jpanel,我的按钮不可见

来自分类Dev

从URL栏可见的Cookie,但在浏览器开发人员工具的“应用程序”选项卡中不可见

来自分类Dev

选择或滑动到最右边的页面时,TabLayout(带有ViewPager)中的选项卡不可见

来自分类Dev

搜索图标在搜索框中不可见的图像

来自分类Dev

App的图标在Phonegap Build的页面中不可见

来自分类Dev

连接图标在状态栏中不可见

来自分类Dev

TinyMCE:图标不可见

来自分类Dev

SVG图标不可见

来自分类Dev

TinyMCE:图标不可见

来自分类Dev

卡视图不可见

来自分类Dev

卡视图不可见

来自分类Dev

卡视图不可见

来自分类Dev

VisualSVN选项在Visual Studio中不可见

来自分类Dev

选择框选项在IE 8中不可见

来自分类Dev

SVN选项在Project Explorer中不可见

来自分类Dev

从属服务器选项在 Spoon 中不可见

来自分类Dev

设备选项在android studio中不可见

来自分类Dev

图标不可见栏不可见

来自分类Dev

jQuery选项卡中的按钮在所有选项卡中均可见

来自分类Dev

如何在Sublime Text 3中禁用重叠选项卡或滚动选项卡

来自分类Dev

从水平选项卡列表中单击激活部分可见选项卡并显示完整选项卡

来自分类Dev

D3.js图表在Internet Explorer 11中可见,但在Internet Explorer 11中不可见