BootstrapBlazor组件库,Splitting加载动画组件
BootstrapBlazor.Splitting 加载动画组件
介绍
本Blazor组件依赖于BootstrapBlazor
组件库开发,底层由Splitting.js
和gsap.js
实现。
使用该组件库之前需要先安装BootstrapBlazor.Splitting组件独立包。
可以通过nuget
命令行安装
NuGet\Install-Package BootstrapBlazor.Splitting -Version 7.0.0
或者双击项目名称直接添加ItemGroup
<ItemGroup>
<PackageReference Include="BootstrapBlazor.Splitting" Version="7.0.0" />
</ItemGroup>
默认示例
<div>
<Splitting/>
</div>
自定义文本
<div>
<Splitting Text="加载中 。。。" />
</div>
自定义颜色
<div>
<Splitting Color="Color.Info" Text="加载中 。。。" />
</div>
自定义粒度
<div>
<Splitting Columns="30" Text="加载中 。。。" />
</div>