未显示羽毛图标

问题描述 投票:0回答:1

我想在Asp.net Core cshtml文件中使用羽毛图标。我遵循了他们的github步骤,但不会按照文档中的说明显示:

<ul class="nav flex-column">

            <li class="nav-item">
                <a class="nav-link" asp-controller="Home">
                    <i data-feather="home"></i>
                    Home
                </a>
            </li>
</ul>

_ Layout

 <script src="~/lib/feather-icons/dist/feather.js"></script>
asp.net-mvc asp.net-core
1个回答
0
投票

您应该首先在js中添加此代码feather.replace()

并且您可以使用在线js参考,您可以参考this

@{
    ViewData["Title"] = "Test";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Scripts{
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        feather.replace()
    </script>
} 

<ul class="nav flex-column">

    <li class="nav-item">
        <a class="nav-link" asp-controller="Home">
            <i data-feather="home"></i>
            Home
        </a>
    </li>
</ul> 

这里是结果:

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.