如何在framework7中的按鈕中添加圖標？

Question

我是framework7的初學者。 我正在嘗試在按鈕元素中插入一個圖標。 我想設置標簽左側的圖標。 我已經部分達到了我的目的。

   <a class="button button-fill button-round button-small color-   gray" href="#"  id="add_field_button" style="float: left;"><i class="material-icons ">add_circles</i>Add</a>

我在這里放了一個演示。

https://jsfiddle.net/ad72krqv/1/

先感謝您

Answer 1

添加這個 CSS

.button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.button > i {
    width: 24px;
    margin-right: 5px;
}

JSFiddle 工作演示鏈接