Blazor卡概述

Blazor卡是一个组件,它组合了关于单个主题的文本、可视内容和操作。它简洁的布局迅速抓住了用户的注意力,包括一个标题,通常是一张图片,一些文本作为主体,可能还有一个页脚。在构建目录、仪表板、博客、电子商店等时,您可以使用它轻松地组织内容。它有专门的区域构建块这就提供了使用组件的各种方法。

为Blazor Ninja图像的Telerik UI

Card组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

创建卡

  1. 使用TelerikCard标记将组件添加到剃须刀页面。

  2. 添加所需的构建块-在卡片积木篇文章。

  3. (可选)设置卡的颜色,如:取向

下面的代码片段演示了实现了所有构建块的Card组件的设置。你不必全部用完。

@* Blazor卡包含所有建筑块*@   Tourism    罗马< CardSubTitle>意大利首都  

罗马是一个庞大的国际城市,展示了近3000年具有全球影响力的艺术、建筑和文化。古罗马广场和斗兽场这样的古老遗迹让人想起前罗马帝国的力量。

Like share Read More Created by @@john 2021年03月05日
.

参数

Card提供了各种参数,允许您配置组件:

参数 类型 描述
宽度 字符串 定义组件的宽度。
字符串 将在Card的主包装元素上呈现的CSS类。
取向 CardOrientation 定义卡片的方向。取一个Telerik.Blazor.CardOrientation枚举(水平垂直).欲知详情,请浏览卡片定位文章
ThemeColor 字符串 定义组件的外观。我们支持预定义的主题颜色,如info、error、success(的成员Telerik.Blazor.ThemeColors类)。测试改变卡片的主题颜色现场演示
ChildContent RenderFragment 定义组件的子内容。所有可能的构建模块都可以直接用作ChildContent卡。

使多张卡占据同一张高度自动使用预定义的甲板或组布局.如果卡片应该包装成多行,则使用自定义瓷砖的布局.也可以通过CSS规则为卡片设置特定的高度。

下一个步骤

另请参阅

在本文中
Baidu
map