如何在 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

如何在 framework7 的按钮中添加图标？

How to add icon in a button in framework7?

html

css

html-framework-7