组件

SmoUI 组件从自研目录开始

shadcn/ui 是底座,不再当作 SmoUI 已完成组件展示。这里只有真正设计、 实现并验收过的 SmoUI 业务组件。

4

自研组件

4

组件类别

shadcn

仅作底座

当前组件接入

当前已有 4 个完成业务边界、实现、registry 和验收的 SmoUI 自研组件。

查看沉淀规则
1

底座只做支撑

shadcn/ui 保留在 components/ui,作为 SmoUI 自研组件的底层原语。

2

目录只放自研

没有经过 Smo 场景设计、实现和验收的组件,不进入公开目录。

3

逐个沉淀进去

每完成一个组件,同步补齐预览、API、规则、registry 和验证结果。

小程序交互

小程序半屏弹窗
SmoUI 自研

用于微信小程序里辅助完成当前页面任务的底部半屏弹层。高度由内容自适应,只限制最大高度;内容超高后在弹层内部滚动;顶部手柄和内容区顶部下滑均可关闭。

轻量无标题带标题确认长内容滚动
registry-src/smo-miniprogram-half-screen-dialog

小程序运营入口

小程序可撤运营位
SmoUI 自研

用于业务主任务之后的低优先级区域,作为可配置、可撤销的合作入口。它只表达合作或活动去向,不展示用户私有数据,父级可随时隐藏或关闭。

合作招募入口低优先级运营位可关闭提示静默弱化态
registry-src/smo-miniprogram-partner-operation-slot

小程序权益

小程序权益券通行证
SmoUI 自研

用于宠粉现场个人中心的单张权益券。承载商家、权益名称、预约状态和出示/预约动作;可放入滚轮、堆叠或普通列表容器,但组件自身不负责筛选和滚动逻辑。

免预约出示需预约已约顶部冠标弱化预览态
registry-src/smo-miniprogram-benefit-pass

小程序导航

宠粉现场底部导航
SmoUI 自研

用于宠粉现场 C 端小程序的固定底部导航。一级入口稳定为首页、发起、我的;中间发起使用上浮 PNG 主动作;我的页可切换成“我是商家”并进入商家后台。

首页选中发起主动作我的选中我是商家入口态
registry-src/smo-miniprogram-bottom-nav