Question

在Ionic中，如何调节选项卡中图标和文字的相对位置，我想让图标在文字上方，图标在文字左方，该如何做？

Answer 1

我们可以借助两个类tabs-icon-left和tabs-icon-top来实现。
图标在文字左方代码大概如此：
<div class=”tabs tabs-icon-left”>
-------------------------------------
</div>

图标在文字上方代码大概如此：
<div class=”tabs tabs-icon-top”>
-------------------------------------
</div>

选项卡除了位置调整，还可以设置颜色，添加徽章标记呢。若想进一步了解，可以看看秒秒学Ionic课程的第二章。