离子v2按钮文本对齐-Java 学习之路

在我的离子v2应用程序中，我有几个按钮，里面有一个图标和一个文本 . 使用Ionic的v1，可以使用参数将按钮内的图标和文本对齐 .

<a class="item item-icon-left item-assertive">
    <i class="icon ion-gear"></i>
    SomeTextForExample
</a>

对于v2，我没有找到任何参数，然后'icon-left'，这在图标和文本之间只增加了一点间隙 . 无论如何，按钮的内容保持居中 .

这是我从v2的html代码：

<button ion-button block icon-left color="danger">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

我删除了ngFor和点击功能以便于阅读 . 有解决方案的任何可能性吗？

3 回答

至于我们没有用 item-end 或 icon-left 来解决它的方法，我们可以使用一些css作为按钮：

<button ion-button block icon-left color="danger" class="btn-align">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

和 class 是

.btn-align {
    .button-inner { /*< --- this class added automatically */
        justify-content: flex-start;
     }
}

回复于 2024-04-25T06:13:49+08:00