1

我<i>在剑道面板栏中显示时遇到问题，因为它只使用<span>和<img>

是否可以在 Kendo 面板栏中使用 Font Awesome？

显示代码<span>

<div class="demo-section k-content">

            <h4>PanelBar with sprites</h4>

            <div id="panelbar-sprites"></div>

        </div>

        <script>
            $("#panelbar-sprites").kendoPanelBar({
                dataSource: [{
                        text: "Brazil", spriteCssClass: "brazilFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "India", spriteCssClass: "indiaFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "Netherlands", spriteCssClass: "netherlandsFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    }]
            });
        </script>
4

1 回答 1

1

这是一个使用随机字体的示例 dojo 真棒精灵示例 dojo

您需要做的就是包含字体真棒css（本地或来自cdn），然后使用字体真棒命名约定fa fa-circle-stop等，它将作为标题的一部分包含在内。

我假设您提供的示例来自演示站点，如果您进一步往下看（在 css 声明部分），您会看到它加载了一个 sprite 文件，然后绝对定位标志的图像。

如果您需要更多信息，请告诉我。

于 2016-01-22T13:15:25.760 回答