我想在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>
您应该首先在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>
这里是结果: