BootstrapBlazor.Viewer 7.0.0

Prefix Reserved
.NET 6.0 This package targets .NET 6.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package BootstrapBlazor.Viewer --version 7.0.0                

                    
                

            
NuGet\Install-Package BootstrapBlazor.Viewer -Version 7.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="BootstrapBlazor.Viewer" Version="7.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add BootstrapBlazor.Viewer --version 7.0.0                

                    
                

            
#r "nuget: BootstrapBlazor.Viewer, 7.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install BootstrapBlazor.Viewer as a Cake Addin
#addin nuget:?package=BootstrapBlazor.Viewer&version=7.0.0

// Install BootstrapBlazor.Viewer as a Cake Tool
#tool nuget:?package=BootstrapBlazor.Viewer&version=7.0.0

Blazor Viewer 图片浏览器 组件

封装Viewer.js库

示例:

https://blazor.app1.es/viewer

使用方法:

1.nuget包

BootstrapBlazor.Viewer

2._Imports.razor 文件 或者页面添加 添加组件库引用

@using BootstrapBlazor.Components

3.razor页面

Demo

<Viewerjs />

单图片+简化工具条

<Viewerjs Src="@_srcPhoto" Width="600px" Height="300px" toolbarlite="true" />

多图片+简化工具条

<Viewerjs Images='new List<string>() { "photo-2.jpg","photo-1.jpg","photo-3.jpg"}' toolbarlite="true" />

多图片

<Viewerjs Images='new List<string>() { "photo-2.jpg","photo-1.jpg","photo-3.jpg"}' />

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on BootstrapBlazor.Viewer:

Package Downloads
BlazorShared

BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库
BootstrapBlazor.Densen.All

Blazor 组件懒人包

GitHub repositories (2)

Showing the top 2 popular GitHub repositories that depend on BootstrapBlazor.Viewer:

Repository Stars
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui，可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
densen2014/BlazorHybrid
关于BlazorHybrid的一切研究. 用 c # 和 Razor 创建本机移动应用和桌面应用。快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS、Linux 的应用。
Version Downloads Last updated
8.0.1 720 12/9/2023
8.0.0 239 11/15/2023
7.0.3 807 6/7/2023
7.0.2 959 1/27/2023
7.0.1 1,334 12/7/2022
7.0.0 898 11/9/2022
6.2.1 562 10/12/2022
6.2.0 365 10/12/2022