Header 区块是购物车抽屉固定的顶部区域,为抽屉提供清晰的标题和明显的关闭方式。你可以通过将 Title、Logo 和 Close button 分配到左侧和右侧区块来控制其布局。由于 Header 固定在顶部,购物车其余部分滚动时它保持可见。

行为
- Header 固定在抽屉顶部,不随购物车主体滚动。
- 关闭控件始终可用,可关闭抽屉。
设置
标题可翻译。如果你的标题解析为空(例如未设置的翻译),购物车会回退显示 Cart,这样页眉永远不会空白。
元素按你选择的顺序从左到右显示,每个元素同一时间只能被分配到一个区块。
位置和限制
- **区域:**仅限顶部。
- **数量上限:**每个购物车状态 1 个。
- **状态:**已装满和空购物车(每个状态都有自己的 Header 实例)。
- 两种状态下都默认添加到新购物车。未锁定,所以你可以删除它或用眼睛开关隐藏它。
自定义模板
logoUrl 是唯一没有内置等效项的 prop:Header 上传的图片只会由自定义模板渲染。如果商家设置了 logo 却没有显示,原因就在这里。设计
Text(文字)
什么是设计设置?在这里了解更多:设计设置。