如何在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 Link of working demo