商品详情
Carousel 主图 + 规格选择(ColorSwatch) + 数量 + 库存 Meter + 双 CTA。
安装与接入
数据来自本站 registry vv0.23.0，与 shadcn CLI 实际拉取的是同一份。
bash
npx shadcn@latest add https://hulianui.haloritual.com/zh/r/block-product-detail.json- 写入文件1 个
components/hulianui/blocks/product-detail.tsx
- 需要 Provider
ThemeProvider- 必须替换接入前逐项处理
- 文案事件处理示例数据
- npm 依赖
@hulianui/uilucide-react
装完验一遍
门禁按 conventions 的可执行规则扫描目标文件；错误级违规会以非零状态退出。
bash
npx -y @hulianui/guard components/hulianui/blocks/product-detail.tsx