Blazor卡概述
的Blazor卡是一个组件,它组合了关于单个主题的文本、可视内容和操作。它简洁的布局迅速抓住了用户的注意力,包括一个标题,通常是一张图片,一些文本作为主体,可能还有一个页脚。在构建目录、仪表板、博客、电子商店等时,您可以使用它轻松地组织内容。它有专门的区域构建块这就提供了使用组件的各种方法。
Card组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。
创建卡
下面的代码片段演示了实现了所有构建块的Card组件的设置。你不必全部用完。
@* Blazor卡包含所有建筑块*@ Tourism 罗马 cardmage >< 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规则为卡片设置特定的高度。