如何在intel xdk中添加更多标签栏图标

Question

我想知道如何在intel xdk中添加更多标签栏图标，而不是使用他们提供的图标，仅限于17个图标。我正在寻找解决方案而我找到了一个但却无法使用。这一个Change icon in tab bar using Framework 7 in intel xdk。我尝试自定义网址方法，但图片不在正确的位置。

Answer 1

如果您使用的是Framework 7，则可以轻松添加更多图标并将其称为默认图标。

CSS：

i.icon.your-icon-name {
    width: 29px;
    height: 29px;
    background-image: url(url/to/image);
}

HTML（示例）：

<div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a href="#" class="link icon-only">
                <i class="icon your-icon-name"></i>
            </a><
        /div>
        <div class="center">Navbar</div>
    </div>
</div>