Table of Contents

Class FlipClock

Namespace
BootstrapBlazor.Components
Assembly
BootstrapBlazor.dll

FlipClock 组件

public class FlipClock : BootstrapModuleComponentBase, IComponent, IHandleAfterRender, IHandleEvent, IAsyncDisposable
Inheritance
FlipClock
Implements
Inherited Members
Extension Methods

Constructors

FlipClock() 

public FlipClock()

Properties

BackgroundColor

获得/设置 组件背景色 默认 null 未设置使用样式默认值 radial-gradient(ellipse at center, rgba(150, 150, 150, 1) 0%, rgba(89, 89, 89, 1) 100%);

[Parameter]
public string? BackgroundColor { get; set; }

Property Value

string

CardBackgroundColor

获得/设置 组件卡片背景颜色 默认 null 未设置使用样式默认值 #333;

[Parameter]
public string? CardBackgroundColor { get; set; }

Property Value

string

CardColor

获得/设置 组件卡片字体颜色 默认 null 未设置使用样式默认值 #ccc;

[Parameter]
public string? CardColor { get; set; }

Property Value

string

CardDividerColor

获得/设置 组件卡片分割线颜色 默认 null 未设置使用样式默认值 rgba(0, 0, 0, .4);

[Parameter]
public string? CardDividerColor { get; set; }

Property Value

string

CardDividerHeight

获得/设置 组件卡片分割线高度 默认 null 未设置使用样式默认值 1px;

[Parameter]
public string? CardDividerHeight { get; set; }

Property Value

string

CardGroupMargin

获得/设置 组件卡片组间隔 默认 null 未设置使用样式默认值 20;

[Parameter]
public string? CardGroupMargin { get; set; }

Property Value

string

CardHeight

获得/设置 组件卡片高度 默认 null 未设置使用样式默认值 90px;

[Parameter]
public string? CardHeight { get; set; }

Property Value

string

CardMargin

获得/设置 组件卡片间隔 默认 null 未设置使用样式默认值 5;

[Parameter]
public string? CardMargin { get; set; }

Property Value

string

CardWidth

获得/设置 组件卡片宽度 默认 null 未设置使用样式默认值 60px;

[Parameter]
public string? CardWidth { get; set; }

Property Value

string

FontSize

获得/设置 组件字体大小 默认 null 未设置使用样式默认值 80px;

[Parameter]
public string? FontSize { get; set; }

Property Value

string

Height

获得/设置 组件高度 默认 null 未设置使用样式默认值 200px;

[Parameter]
public string? Height { get; set; }

Property Value

string

Remarks

支持多种单位 200px 200em 200pt 100% 等

OnCompletedAsync

获得/设置 计时结束回调方法 默认 null

[Parameter]
public Func<Task>? OnCompletedAsync { get; set; }

Property Value

Func<Task>

ShowHour

获得/设置 是否显示 Hour 默认 true

[Parameter]
public bool ShowHour { get; set; }

Property Value

bool

ShowMinute

获得/设置 是否显示 Minute 默认 true

[Parameter]
public bool ShowMinute { get; set; }

Property Value

bool

ShowSecond

获得/设置 是否显示 Second 默认 true

[Parameter]
public bool ShowSecond { get; set; }

Property Value

bool

StartValue

获得/设置 倒计时或者计时的开始时间 Count 默认 CountDown 模式下生效

[Parameter]
public TimeSpan? StartValue { get; set; }

Property Value

TimeSpan?

ViewMode

获得/设置 显示模式 默认 DateTime

[Parameter]
public FlipClockViewMode ViewMode { get; set; }

Property Value

FlipClockViewMode

Methods

BuildRenderTree(RenderTreeBuilder) 

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder RenderTreeBuilder

InvokeInitAsync()

call JavaScript method

protected override Task InvokeInitAsync()

Returns

Task

OnCompleted()

倒计时结束回调方法由 JSInvoke 调用

[JSInvokable]
public Task OnCompleted()

Returns

Task