SuperAPI AI 工具集

moonshine-components

前端与建站

查看项目

更新于 10-16 01:19

技能介绍

用途:帮助开发者使用 MoonShine 的 Blade 组件构建后台管理面板 UI,涵盖表格、表单、卡片、模态框、导航与页面布局,适用于创建管理界面和数据展示页面。

主要能力:提供全部 MoonShine 组件的完整清单与示例、组件使用关键规则、最佳实践与常见模式,以及每个组件的详细示例。技能会先阅读参考资料,再分析需求、选择合适组件、按既定结构实现可运行的 Blade 代码。

必要用法与规则:使用前须阅读并遵守 references/blade-components.md 中的规则;不要重复编写 HTML 标签,因为组件会自动生成 HTML 结构;始终使用必需的 CSS 包裹类;始终引入 MoonShine 资源以保证样式;Logo 组件必须提供 logo 属性(图片路径为必填)。Blade 文件应以 x-moonshine::layout 开头,而不是 <!DOCTYPE html>。含 HTML 或组件的表格应使用基于插槽的表格而非数组;表格中的操作按钮需用 x-moonshine::layout.flex 并搭配正确类名包裹;导航组件需使用正确包裹容器,如 menu-logo、menu menu--vertical 等。

适用场景:创建管理界面、搭建数据列表与表单、组织页面布局与导航等后台开发任务。

限制:具体收费、价格、支持平台与实测效果暂未提供;组件清单与示例细节以 references/blade-components.md 为准。