用途:为 Blazor WASM 组件编写样式与响应式设计,采用 MudBlazor 8.15.0 的 Material Design 组件,以 CSS 隔离(CSS Isolation)作为主要样式方案,设计体系遵循 Material Design 3,并针对区块链与工作流可视化做了自定义扩展。
主要能力:使用 MudBlazor 工具类处理间距、弹性布局与对齐(如 Class="d-flex pa-4 mb-3");使用语义化颜色(Color.Primary、Color.Error);使用排版层级(Typo.h6、Typo.body2);使用 Elevation 控制阴影深度(0-24);使用 Breakpoint 做响应式(如 Breakpoint.Sm 为 641px)。自定义组件通过 Component.razor.css 实现组件级作用域样式,可结合参数(如 IsSelected)切换选中态样式。
使用方式:新建组件时用 MudPaper、MudText、MudIcon、MudChip、MudSpacer 等组合布局;自定义组件在 .razor 中定义参数与结构,在配套 .razor.css 中写作用域样式。常见模式包括带 gap 的弹性布局、带标题与内容的 Panel 结构。
适用场景:Blazor WASM 项目中的组件创建与既有组件样式调整、响应式界面搭建。
限制:资料未提供安装命令、版本兼容范围、收费与授权信息,也未给出完整 API 或全部组件清单;具体实现需以项目实际依赖为准。