Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了角度 – 离子2后退按钮或任何图标未显示.只显示小方框图标大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在许多屏幕上都面临着这个图标问题.例如.我有一个屏幕,我在导航栏的左侧添加了一些图标.但它根本没有显示图标.只有小背箱才显示.我的代码是:
<ion-buttons>
    <button ion-button >
        <ion-icon name="close"></ion-icon>
      </button>
       </ion-buttons

我也用这个

<ion-buttons>
        <button ion-button >
<ion-icon ios="ios-close" md="md-close"></ion-icon>
 </button>
           </ion-buttons

但没有use.still黑色小方框图标显示.

好吧,现在,我尝试使用push nav.但是它没有显示后退按钮.我的代码是:

我的home.html:

<button class="button button-outline footerbtnone" (click)="login()">LOG IN</button>

我的家.js

constructor(public navCtrl: NavController) {
  }
login() {
    this.navCtrl.push(LoginPagE);

  }

但是当我移动到LoginPage时,我看不到后退按钮图标.我仍然看到那个小黑框icon.here那个图像:

请帮帮我.我错过了什么.

谢谢

方块可能表示字体未正确加载或浏览器正在尝试使用备用字体.验证ionons字体是否正在加载的简单方法是在Chrome开发工具中检查您的来源.我看起来像这样http:// localhost:8100 / assets / fonts / ionicons.woff2?v = 3.0.0-alpha.3

如果你没有看到该文件(或类似的东西)被加载,那么就没有可呈现的字体.

如果在您的package.json文件中引用了ionicon字体并且存在于node_modules文件夹中,则它应自动加载.验证后,如果没有加载字体,请确保没有任何其他CSS导入/变量覆盖ionicons字体导入.例如:

* {font-family: 'Lato' !important;}

上面的结果将导致离子的字体永远不会被加载,因为Lato被指定用于所有字形,覆盖了早期的@ionicon导入.

大佬总结

以上是大佬教程为你收集整理的角度 – 离子2后退按钮或任何图标未显示.只显示小方框图标全部内容,希望文章能够帮你解决角度 – 离子2后退按钮或任何图标未显示.只显示小方框图标所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。