组件总览

Snake UI 提供覆盖基础交互、表单和商城装修场景的组件。输入组件英文名、中文名或文档路径，即时定位所需能力。

第一次使用 Snake UI？请依次完成安装、配置和快速上手，再从下方选择组件。

页面装修能力统一进入 CMS 组件总览；CMS 区块由 <snake-cms> 按配置渲染，不作为独立 easycom 组件出现在下方目录。

搜索全部组件

共 46 个通用组件

基础组件

12

Parse富文本解析在 uni-app 中实现富文本解析能力。ConfigProvider全局配置在 uni-app 中实现全局配置能力。Button按钮触发提交、确认和页面操作，覆盖加载、禁用与开放能力。Icon图标使用内置图标字库或自定义图标前缀展示语义图标。Image图片加载、裁剪和预览图片，并提供加载失败兜底。QrCode二维码把文本或链接渲染为可扫描的二维码，支持中心 Logo 与导出图片。Loading加载在 uni-app 中实现加载能力。Skeleton骨架屏在 uni-app 中实现骨架屏能力。Transition过渡动画在 uni-app 中实现过渡动画能力。RootPortal根节点传送在 uni-app 中实现根节点传送能力。Text文本在 uni-app 中实现文本能力。Link超链接在 uni-app 中实现超链接能力。

表单组件

11

Form表单组织表单字段、校验规则和错误提示，支持嵌套数据。Input输入框采集文本、数字和密码，支持格式化与表单校验联动。Textarea文本域在 uni-app 中实现文本域能力。Checkbox复选框在 uni-app 中实现复选框能力。Radio单选框在 uni-app 中实现单选框能力。Switch开关在 uni-app 中实现开关能力。Slider滑动选择器在 uni-app 中实现滑动选择器能力。Search搜索框提供带清空、取消和操作区的搜索输入体验。Select列选择器在 uni-app 中实现列选择器能力。Upload文件上传选择、预览并上传图片、视频或文件，支持自定义上传。Calendar日历选择单日、日期范围或多日期并处理可选边界。

数据组件

5

Loadmore加载更多在 uni-app 中实现加载更多能力。LineProgress线形进度条在 uni-app 中实现线形进度条能力。ReadMore阅读更多在 uni-app 中实现阅读更多能力。Empty空状态在 uni-app 中实现空状态能力。CountDown倒计时在 uni-app 中实现倒计时能力。

反馈组件

5

NoticeBar通知栏在 uni-app 中实现通知栏能力。Overlay遮罩层在 uni-app 中实现遮罩层能力。Tooltip文字提示在目标元素附近展示轻量提示内容和操作说明。Popup弹出层承载对话、选择器和底部面板，处理遮罩、滚动与安全区。NoNetwork无网络提示在 uni-app 中实现无网络提示能力。

布局组件

4

Swiper轮播图在 uni-app 中实现轮播图能力。Sticky吸顶在 uni-app 中实现吸顶能力。Line分隔线在 uni-app 中实现分隔线能力。Cell单元格在 uni-app 中实现单元格能力。

导航组件

9

Navbar导航栏在 uni-app 中实现导航栏能力。Tabbar底部导航栏构建应用一级底部导航，支持原生 tabBar 替换和安全区。Tabs标签页在 uni-app 中实现标签页能力。Subsection分段器在 uni-app 中实现分段器能力。ButtonSort排序按钮在 uni-app 中实现排序按钮能力。DropMenu下拉菜单在 uni-app 中实现下拉菜单能力。IndexList索引列表在 uni-app 中实现索引列表能力。IndexListPanel容器索引列表在 uni-app 中实现容器索引列表能力。IndexAnchor索引锚点在 uni-app 中实现索引锚点能力。