Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了角度 – Ionic2 / 3 – 标题按钮图标具有不同的大小然后自动后退按钮大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在使用NavController时正在使用Ionic的2/3自动按钮.

在其中一个页面上,我想在标题添加按钮,这会改变一些内容,所以我添加了它:

<ion-header>
  <ion-navbar color="orange">
    <ion-title>Test</ion-title>
    <ion-buttons end>
      <button ion-button icon-right clear (click)="openModal()">
        Next <ion-icon name="arrow-forWARD"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

不幸的是,图标的大小略有不同(较小),然后由Ionic自动添加后退按钮.
我知道我可以用CSS来设置它,但我害怕破坏它(我无法测试所有设备).

屏幕截图(Android和iOS):

角度 – Ionic2 / 3 – 标题按钮图标具有不同的大小然后自动后退按钮


角度 – Ionic2 / 3 – 标题按钮图标具有不同的大小然后自动后退按钮

也许@R_999_10675@用不同的按钮类或组件?
如何制作所有按钮的尺寸&标题中的图标是一样的吗?

解决方法

你可以使用icon-only指令,这就是全部.这种方式是后退按钮.

<ion-buttons end>
   <button ion-button icon-right icon-only clear (click)="openModal()">
      Next <ion-icon name="arrow-forWARD"></ion-icon>
   </button>
</ion-buttons>

大佬总结

以上是大佬教程为你收集整理的角度 – Ionic2 / 3 – 标题按钮图标具有不同的大小然后自动后退按钮全部内容,希望文章能够帮你解决角度 – Ionic2 / 3 – 标题按钮图标具有不同的大小然后自动后退按钮所遇到的程序开发问题。

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

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