ASP.NET Core MVC / Razor Pages: Pure Theme

Pure Themeは、ASP.NET Core MVC / Razor PagesのUI用のテーマです。

インストール

プロジェクトに初めにVolo.Abp.AspNetCore.Mvc.UI.Theme.Basic NuGetパッケージがインストールされている場合は、まずそれを削除してください。

Pure ThemeをWebプロジェクトにインストールするには、次の手順に従ってください：

1. Dignite.Abp.AspNetCore.Mvc.UI.Theme.Pure NuGetパッケージをインストールします。

2. モジュールクラスの[DependsOn(...)]属性リストにDigniteAbpAspNetCoreMvcUiPureThemeModuleを追加します。

3. ConfigureServicesメソッドでデフォルトのテーマを設定します：

   Configure<AbpThemingOptions>(options =>
   {
       options.DefaultThemeName = PureTheme.Name;
   });
   

4. Webプロジェクトに@abp/aspnetcore.mvc.ui.theme.basic NPMパッケージをインストールします（例：npm install @abp/aspnetcore.mvc.ui.theme.basicまたはyarn add @abp/aspnetcore.mvc.ui.theme.basic）。

5. abp install-libsコマンドを実行します。

レイアウト

Public レイアウト

Pure ThemeにはPublicレイアウトが含まれています：

サンプル

サンプルは、GitHubにアクセスし、サンプルをダウンロードして指示に従って実行して体験できます。