用途:该技能聚焦原子设计中的“模板”层,即页面级布局对象。模板把组件放入布局并表达设计的内容结构,本身不依赖真实数据,使用占位内容,定义各类内容将出现的位置,可被多个页面复用,并需处理各种视口尺寸。
主要能力:资料列出常见模板类型,包括营销类(落地页、首页、产品展示、关于/公司)、应用类(仪表盘、设置、个人资料、列表/详情)、内容类(博客文章、文章、文档、帮助中心)和电商类(商品列表、商品详情、结账、订单确认)。
使用方式:资料给出多个 React + CSS Modules 的模板实现示例,如 MainLayout、DashboardLayout、AuthLayout、ProductListingLayout、BlogPostLayout。它们通过 props 接收 headerProps、footerProps、sidebarProps、children 等,组合 Header、Footer、Sidebar、Avatar、Text 等组件,并支持 maxWidth、background、面包屑、页面标题与操作、移动端筛选等配置。
适用场景:需要在没有真实内容时先确定页面骨架、统一多页面布局、组织组织体与分子原子层级时使用。
限制:资料未提供安装命令、依赖版本、框架适配范围、收费或价格信息,也未说明具体平台与效果,这些暂未提供。