小编Sor*_*ush的帖子

如何在 Blazor 客户端应用程序中使用 Bootstrap 模式?

我试图显示引导模式然后绑定它的按钮。但是我无法通过显示模态的第一步。我正在使用 .net core 3.1 的 Blazor 客户端模板。我有一个名为 Modal.razor 的页面,其中包含我从 getbootstrap.com 找到的引导模式。

@if (Show)
{
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Modal body text goes here.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Save changes</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
}
@code {
    [Parameter]
    public bool Show { get; set; } = false;
}
Run Code Online (Sandbox Code Playgroud)

我在 index.razor 文件中调用了模态

@page "/" …
Run Code Online (Sandbox Code Playgroud)

razor .net-core blazor blazor-client-side

23
推荐指数
4
解决办法
2万
查看次数

如何在 .Net Core Blazor 应用程序中创建带有可折叠子菜单的 NavMenu

我正在尝试创建一个形状像这样的 blazor 导航菜单

  • 项目a

  • 项目b

当我点击项目 b 时,它会像这样扩展子菜单,然后点击子项目,打开新页面

  • 项目a

  • 项目b

    • 分项1

    • 分项2

我刚刚编辑了原始的 blazor 应用程序,但没有成功。按钮出现但不折叠子菜单。任何的想法?

<div class="@NavMenuCssClass" @onclick="@ToggleNavMenu">
<ul class="nav flex-column">
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
            <span class="oi oi-home" aria-hidden="true"></span> Home
        </NavLink>
    </li>
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="counter">
            <span class="oi oi-plus" aria-hidden="true"></span> Counter
        </NavLink>
    </li>
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="fetchdata">
            <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch Data
        </NavLink>
    </li>
    <li class="dropdown">

        <button data-toggle="collapse" data-target="#demo">Collapsible</button>

        <div id="demo" class="collapse">
            <ul>
                <li class="nav-item px-3">
                    <NavLink class="nav-link" href="meeting">
                        <span class="oi oi-plus" …
Run Code Online (Sandbox Code Playgroud)

razor .net-core asp.net-core blazor

16
推荐指数
3
解决办法
2万
查看次数

如何将 Font Awesome 添加到 Blazor 客户端(Razor 组件)应用程序?

我在 .NET Core 3.1 中创建了一个 Blazor WebAssembly 托管模板。然后右键单击project.Client/wwwroot/css文件夹并单击Add client side library。然后选择 Font Awesome 库并安装它。我将以 下行添加到index.html<head>

 <link href="css/font-awesome/css/fontawesome.css" rel="stylesheet"/>
Run Code Online (Sandbox Code Playgroud)

我有libman.json的:

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "font-awesome@5.11.2",
      "destination": "wwwroot/css/font-awesome/"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

我仅将以下行添加到默认 Blazor 模板页面Counter.razor(Razor 组件)。IntelliSense 找到字体:

@page "/counter"

<h1>Counter</h1>

<span class="fa fa-save"></span>

@code {}
Run Code Online (Sandbox Code Playgroud)

但我只看到一个正方形:

在此处输入图片说明

razor font-awesome asp.net-core blazor blazor-webassembly

13
推荐指数
3
解决办法
1万
查看次数

在FORTRAN中具有带NaN值的参数(常量)变量

是否可以使用NaN设置参数变量?并在特定的模块中.我想用它来初始化一些其他变量.因此,如果没有更新,我将面临运行时错误,而不是使用一些随机数运行的模拟.我正在使用GFORTRAN.

fortran nan gfortran

7
推荐指数
2
解决办法
3488
查看次数

如何在调试模式下关闭 Visual Studio 中的 DocFX,同时在发布模式下处于活动状态?

我将 DocFX 添加到 Visual Studio 中,为我的 C# 代码生成 Web 文档。然而,每次编译都会创建新文档,这需要很长时间。当我不需要它时,有没有办法在 Visual Studio 中将其关闭?

我知道可以卸载/安装它,但这是最后的手段。

c# visual-studio docfx

3
推荐指数
1
解决办法
894
查看次数

为什么 Bootstrap 面板在 Blazor 客户端中不起作用?

我编译下面的代码以获得引导面板但没有成功

在此输入图像描述

@page "/test"
<h3>test</h3>

<div class="panel panel-primary">
    <div class="panel-heading">Panel with panel-primary class</div>
    <div class="panel-body">Panel Content</div>
</div>

@code {

}
Run Code Online (Sandbox Code Playgroud)

项目设置是 在此输入图像描述

bootstrap.main.cs 是

在此输入图像描述

wwwroot 文件夹如下所示

在此输入图像描述

索引.html

在此输入图像描述

razor .net-core blazor

0
推荐指数
1
解决办法
2078
查看次数